Adam / gulu-vue

Blame view

src/pages/details/components/Introduce.vue 3.65 KB
edit raw normal view history
530bb7e83   mullins   重构详情页-商品介绍 
1
2
3
 
  <template>
    <view class="introduce">
      <!-- 迭代时建议配合接口修改 为数组 -->
1b4b4938a   Adam   auto commit the c... 
4
5
 
  	
      <view v-if="Tag.Age && Tag.Age.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
6
7
 
        <view>
          年龄：<view
1b4b4938a   Adam   auto commit the c... 
8
 
            v-for="(item,index) in Tag.Age"
530bb7e83   mullins   重构详情页-商品介绍 
9
10
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
11
 
            {{item}}<text v-if="index !== Tag.Age.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
12
13
14
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
15
 
      <view v-if="Tag.Colour && Tag.Colour.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
16
17
 
        <view>
          颜色：<view
1b4b4938a   Adam   auto commit the c... 
18
 
            v-for="(item,index) in Tag.Colour"
530bb7e83   mullins   重构详情页-商品介绍 
19
20
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
21
 
            {{item}}<text v-if="index !== Tag.Colour.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
22
23
24
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
25
 
      <view v-if="Tag.Shape && Tag.Shape.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
26
27
 
        <view>
          脸型：<view
1b4b4938a   Adam   auto commit the c... 
28
 
            v-for="(item,index) in Tag.Shape"
530bb7e83   mullins   重构详情页-商品介绍 
29
30
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
31
 
            {{item}}<text v-if="index !== Tag.Shape.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
32
33
34
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
35
 
      <view v-if="Tag.Rim && Tag.Rim.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
36
37
 
        <view>
          赠品：<view
1b4b4938a   Adam   auto commit the c... 
38
 
            v-for="(item,index) in Tag.Rim"
530bb7e83   mullins   重构详情页-商品介绍 
39
40
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
41
 
            {{item}}<text v-if="index !== Tag.Rim.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
42
43
44
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
45
 
      <!-- <view v-if="Tag.prod_Tag_insurance && Tag.prod_Tag_insurance.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
46
47
 
        <view>
          保险：<view
1b4b4938a   Adam   auto commit the c... 
48
 
            v-for="(item,index) in Tag.prod_Tag_insurance"
530bb7e83   mullins   重构详情页-商品介绍 
49
50
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
51
 
            {{item.label}}<text v-if="index !== Tag.prod_Tag_insurance.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
52
53
 
          </view>
        </view>
1b4b4938a   Adam   auto commit the c... 
54
55
 
      </view> -->
      <view v-if="Tag.Material && Tag.Material.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
56
57
 
        <view>
          材质：<view
1b4b4938a   Adam   auto commit the c... 
58
 
            v-for="(item,index) in Tag.Material"
530bb7e83   mullins   重构详情页-商品介绍 
59
60
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
61
 
            {{item}}<text v-if="index !== Tag.Material.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
62
63
64
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
65
 
      <!-- <view v-if="Tag.Style && Tag.Style.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
66
67
 
        <view>
          个性：<view
1b4b4938a   Adam   auto commit the c... 
68
 
            v-for="(item,index) in Tag.Style"
530bb7e83   mullins   重构详情页-商品介绍 
69
70
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
71
 
            {{item}}<text v-if="index !== Tag.Style.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
72
73
 
          </view>
        </view>
1b4b4938a   Adam   auto commit the c... 
74
75
 
      </view> -->
      <view v-if="Tag.Eyeglasses && Tag.Eyeglasses.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
76
77
 
        <view>
          场景：<view
1b4b4938a   Adam   auto commit the c... 
78
 
            v-for="(item,index) in Tag.Eyeglasses"
530bb7e83   mullins   重构详情页-商品介绍 
79
80
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
81
 
            {{item}}<text v-if="index !== Tag.Eyeglasses.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
82
83
84
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
85
 
      <view v-if="Tag.Gender && Tag.Gender.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
86
87
 
        <view>
          性别：<view
1b4b4938a   Adam   auto commit the c... 
88
 
            v-for="(item,index) in Tag.Gender"
530bb7e83   mullins   重构详情页-商品介绍 
89
90
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
91
 
            {{item}}<text v-if="index !== Tag.Gender.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
92
93
94
 
          </view>
        </view>
      </view>
1b4b4938a   Adam   auto commit the c... 
95
 
      <!-- <view v-if="Tag.prod_Tag_style && Tag.prod_Tag_style.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
96
97
 
        <view>
          风格：<view
1b4b4938a   Adam   auto commit the c... 
98
 
            v-for="(item,index) in Tag.prod_Tag_style"
530bb7e83   mullins   重构详情页-商品介绍 
99
100
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
101
 
            {{item.label}}<text v-if="index !== Tag.prod_Tag_style.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
102
103
 
          </view>
        </view>
1b4b4938a   Adam   auto commit the c... 
104
105
106
 
      </view> -->
     
  	<view v-if="Tag.Colour && Tag.Colour.length !== 0">
530bb7e83   mullins   重构详情页-商品介绍 
107
108
 
        <view>
          重量：<view
1b4b4938a   Adam   auto commit the c... 
109
 
            v-for="(item,index) in Tag.Colour"
530bb7e83   mullins   重构详情页-商品介绍 
110
111
 
            :key="index"
          >
1b4b4938a   Adam   auto commit the c... 
112
 
            {{item}}<text v-if="index !== Tag.Colour.length - 1">/</text>
530bb7e83   mullins   重构详情页-商品介绍 
113
114
115
116
117
118
119
120
121
 
          </view>
        </view>
      </view>
    </view>
  </template>
  
  <script>
  export default {
    props: {
1b4b4938a   Adam   auto commit the c... 
122
 
      Tag: Object,
530bb7e83   mullins   重构详情页-商品介绍 
123
124
 
    },
    created() {
530bb7e83   mullins   重构详情页-商品介绍 
125
126
 
    },
    updated() {
530bb7e83   mullins   重构详情页-商品介绍 
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
 
    },
  }
  </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>