Commit 741479b96fb32cf14d8b9d125782963b3a36824b
1 parent
9fbe700a
fix: prod2-57/58
Showing
4 changed files
with
35 additions
and
16 deletions
components/MobileProductDetail.vue
... | ... | @@ -161,7 +161,12 @@ |
161 | 161 | <td class="td text-grey-darken-4 font-weight-medium"> |
162 | 162 | {{ item.typeName }} |
163 | 163 | </td> |
164 | - <td v-if="item.priceShow" class="td">$ {{ item.price }}</td> | |
164 | + <td v-if="item.priceShow" class="td"> | |
165 | + <div style="color: #df3931">${{ item.price }}</div> | |
166 | + <s style="font-size: 13px; color: #757575"> | |
167 | + ${{ item.originPrice }}</s | |
168 | + > | |
169 | + </td> | |
165 | 170 | <!-- <td class="td"> |
166 | 171 | <v-btn |
167 | 172 | size="small" |
... | ... | @@ -213,34 +218,34 @@ |
213 | 218 | selected-class="active" |
214 | 219 | > |
215 | 220 | <v-tab :value="1">Product Details</v-tab> |
216 | - <v-tab :value="2">Specification</v-tab> | |
221 | + <v-tab :value="2" v-if="info.productAttributeList">Specification</v-tab> | |
217 | 222 | <!-- <v-tab :value="3">商品百科</v-tab> --> |
218 | 223 | </v-tabs> |
219 | 224 | <v-window v-model="tab"> |
220 | 225 | <v-window-item key="1" :value="1"> |
221 | 226 | <div v-if="info.advantage" class="tw-mb-[24px]"> |
222 | - <div class="py-2 pl-2 text-h6">Advantage</div> | |
223 | - <v-divider class="tw-mb-[12px]"></v-divider> | |
227 | + <!-- <div class="py-2 pl-2 text-h6">Advantage</div>--> | |
228 | + <!-- <v-divider class="tw-mb-[12px]"></v-divider>--> | |
224 | 229 | <div v-html="info.advantage"></div> |
225 | 230 | </div> |
226 | 231 | <div v-if="info.physicalproperty" class="tw-mb-[24px]"> |
227 | - <div class="py-2 pl-2 text-h6">Physical Property</div> | |
228 | - <v-divider class="tw-mb-[12px]"></v-divider> | |
232 | + <!-- <div class="py-2 pl-2 text-h6">Physical Property</div>--> | |
233 | + <!-- <v-divider class="tw-mb-[12px]"></v-divider>--> | |
229 | 234 | <div v-html="clearSpanStyle(info.physicalproperty)"></div> |
230 | 235 | </div> |
231 | 236 | <div v-if="info.storage" class="tw-mb-[24px]"> |
232 | - <div class="py-2 pl-2 text-h6">Storage</div> | |
233 | - <v-divider class="tw-mb-[12px]"></v-divider> | |
237 | + <!-- <div class="py-2 pl-2 text-h6">Storage</div>--> | |
238 | + <!-- <v-divider class="tw-mb-[12px]"></v-divider>--> | |
234 | 239 | <div v-html="clearSpanStyle(info.storage)"></div> |
235 | 240 | </div> |
236 | 241 | <div v-if="info.introduction" class="tw-mb-[24px]"> |
237 | - <div class="py-2 pl-2 text-h6">Introduction</div> | |
238 | - <v-divider class="tw-mb-[12px]"></v-divider> | |
242 | + <!-- <div class="py-2 pl-2 text-h6">Introduction</div>--> | |
243 | + <!-- <v-divider class="tw-mb-[12px]"></v-divider>--> | |
239 | 244 | <div v-html="clearSpanStyle(info.introduction)"></div> |
240 | 245 | </div> |
241 | 246 | <div v-if="info.description" class="tw-mb-[24px]"> |
242 | - <div class="py-2 pl-2 text-h6">Description</div> | |
243 | - <v-divider class="tw-mb-[12px]"></v-divider> | |
247 | + <!-- <div class="py-2 pl-2 text-h6">Description</div>--> | |
248 | + <!-- <v-divider class="tw-mb-[12px]"></v-divider>--> | |
244 | 249 | <div v-html="clearSpanStyle(info.description)"></div> |
245 | 250 | </div> |
246 | 251 | </v-window-item> | ... | ... |
components/ProductDetail.vue
... | ... | @@ -155,7 +155,12 @@ |
155 | 155 | {{ item.typeName }} |
156 | 156 | </td> |
157 | 157 | <td v-if="item.priceShow" class="td"> |
158 | - {{ item.price + " " + item.priceUnit }} | |
158 | + <div style="color: #df3931"> | |
159 | + {{ item.price + " " + item.priceUnit }} | |
160 | + </div> | |
161 | + <s style="font-size: 13px; color: #757575">{{ | |
162 | + item.originPrice + " " + item.priceUnit | |
163 | + }}</s> | |
159 | 164 | </td> |
160 | 165 | <td class="td"> |
161 | 166 | <v-btn | ... | ... |
deploy/prod2.sh
pages/products/index.vue
... | ... | @@ -36,8 +36,17 @@ |
36 | 36 | style="height: auto" |
37 | 37 | > |
38 | 38 | <h3 style="color: red" v-if="item.price"> |
39 | - {{ item.price === item.maxPrice ? `$${item.price}` : `$${item.price} - $${item.maxPrice}` }} | |
39 | + {{ | |
40 | + item.price === item.maxPrice | |
41 | + ? `$${item.price}` | |
42 | + : `$${item.price} - $${item.maxPrice}` | |
43 | + }} | |
40 | 44 | </h3> |
45 | + <!-- <s style="font-size: 13px; color: #757575">{{ | |
46 | + item.originPrice === item.maxPrice | |
47 | + ? `$${item.originMinPrice}` | |
48 | + : `$${item.originMinPrice} - $${item.originMaxPrice}` | |
49 | + }}</s> --> | |
41 | 50 | <h4 class="item-name">{{ item.name }}</h4> |
42 | 51 | </v-card-text> |
43 | 52 | </v-card> | ... | ... |