|
|
<template>
|
|
|
<top-nav></top-nav>
|
|
|
<show-box :is-first="true">
|
|
|
<image-carousel :goods="entity.goodsList"></image-carousel>
|
|
|
<div class="title-box">
|
|
|
<h1>{{entity.productName}}</h1>
|
|
|
|
|
|
<i class="price" v-if="entity.productPriceBo.marketPrice > entity.productPriceBo.salesPrice"
|
|
|
:class="{'strike-through': entity.productPriceBo.salesPrice > 0}">{{entity.productPriceBo.formatMarketPrice}}</i>
|
|
|
|
...
|
...
|
@@ -214,6 +214,7 @@ |
|
|
font-size: 28px;
|
|
|
color: #b0b0b0;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.separator {
|
...
|
...
|
@@ -234,6 +235,7 @@ |
|
|
border: none;
|
|
|
border-top: 1px solid #eee;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
i.info {
|
...
|
...
|
@@ -275,6 +277,7 @@ |
|
|
&.highlight {
|
|
|
color: #d0021b;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
}
|
|
|
|
...
|
...
|
@@ -327,6 +330,7 @@ |
|
|
line-height: 66px;
|
|
|
text-align: center;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.wash-condition {
|
...
|
...
|
@@ -353,6 +357,7 @@ |
|
|
color: #c7c7c7;
|
|
|
min-width: 100px;
|
|
|
}
|
|
|
|
|
|
}
|
|
|
|
|
|
.model-avatar {
|
...
|
...
|
@@ -424,7 +429,8 @@ |
|
|
components: {
|
|
|
imageCarousel: require('./image-carousel.vue'),
|
|
|
featureSelector: require('component/product/feature-selector.vue'),
|
|
|
showBox: require('./show-box.vue')
|
|
|
showBox: require('./show-box.vue'),
|
|
|
topNav: require('./top-nav.vue'),
|
|
|
},
|
|
|
methods: {
|
|
|
/**
|
...
|
...
|
|