<template>
  <div class="good__detailImg">
    <h4 class="good__detailImg__title">商品详情</h4>
    <cr-image
      v-for="(item, index) in detailImgList"
      :key="index"
      v-imogr="{ w: 396 }"
      lazy-load
      class="good__detailImg__img"
      width="100%"
      height="auto"
      :src="item | imageMogr4Operation"
    />
  </div>
</template>
<script>
import { mapGetters } from '../store';

export default {
  name: 'GoodDetailImg',
  computed: {
    ...mapGetters(['detailImgList'])
  }
};
</script>
<style lang="less" scoped>
.good__detailImg {
  &__title {
    .text-size(16);
    font-weight: 500;
    color: @black;
    padding: @padding-sm;
  }
  &__img {
    display: block;
  }
}
</style>
