<template>
  <view class="introduce">
    <!-- 迭代时建议配合接口修改 为数组 -->
	
    <view v-if="Tag.Age && Tag.Age.length !== 0">
      <view>
        年龄：<view
          v-for="(item,index) in Tag.Age"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Age.length - 1">/</text>
        </view>
      </view>
    </view>
    <view v-if="Tag.Colour && Tag.Colour.length !== 0">
      <view>
        颜色：<view
          v-for="(item,index) in Tag.Colour"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Colour.length - 1">/</text>
        </view>
      </view>
    </view>
    <view v-if="Tag.Shape && Tag.Shape.length !== 0">
      <view>
        脸型：<view
          v-for="(item,index) in Tag.Shape"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Shape.length - 1">/</text>
        </view>
      </view>
    </view>
    <view v-if="Tag.Rim && Tag.Rim.length !== 0">
      <view>
        赠品：<view
          v-for="(item,index) in Tag.Rim"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Rim.length - 1">/</text>
        </view>
      </view>
    </view>
    <!-- <view v-if="Tag.prod_Tag_insurance && Tag.prod_Tag_insurance.length !== 0">
      <view>
        保险：<view
          v-for="(item,index) in Tag.prod_Tag_insurance"
          :key="index"
        >
          {{item.label}}<text v-if="index !== Tag.prod_Tag_insurance.length - 1">/</text>
        </view>
      </view>
    </view> -->
    <view v-if="Tag.Material && Tag.Material.length !== 0">
      <view>
        材质：<view
          v-for="(item,index) in Tag.Material"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Material.length - 1">/</text>
        </view>
      </view>
    </view>
    <!-- <view v-if="Tag.Style && Tag.Style.length !== 0">
      <view>
        个性：<view
          v-for="(item,index) in Tag.Style"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Style.length - 1">/</text>
        </view>
      </view>
    </view> -->
    <view v-if="Tag.Eyeglasses && Tag.Eyeglasses.length !== 0">
      <view>
        场景：<view
          v-for="(item,index) in Tag.Eyeglasses"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Eyeglasses.length - 1">/</text>
        </view>
      </view>
    </view>
    <view v-if="Tag.Gender && Tag.Gender.length !== 0">
      <view>
        性别：<view
          v-for="(item,index) in Tag.Gender"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Gender.length - 1">/</text>
        </view>
      </view>
    </view>
    <!-- <view v-if="Tag.prod_Tag_style && Tag.prod_Tag_style.length !== 0">
      <view>
        风格：<view
          v-for="(item,index) in Tag.prod_Tag_style"
          :key="index"
        >
          {{item.label}}<text v-if="index !== Tag.prod_Tag_style.length - 1">/</text>
        </view>
      </view>
    </view> -->
   
	<view v-if="Tag.Colour && Tag.Colour.length !== 0">
      <view>
        重量：<view
          v-for="(item,index) in Tag.Colour"
          :key="index"
        >
          {{item}}<text v-if="index !== Tag.Colour.length - 1">/</text>
        </view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  props: {
    Tag: Object,
  },
  created() {
  },
  updated() {
  },
}
</script>

<style lang="scss" scoped>
.introduce {
  margin-bottom: 4px;
  view {
    display: flex;
    align-content: center;
    font-size: 14px;
    color: #333333;
  }
  span {
    margin-left: 6px;
    margin-right: 5px;
    font-family: "PingFangSC-Regular";
  }
}
</style>
