|
|
@@ -8,7 +8,6 @@
|
|
|
<image class="product-img" :class="layout === 'mall' ? 'product-img-mall' : ''" :src="getImageUrl(prod.coverImage) || '/static/default-product.png'" mode="aspectFill" lazy-load />
|
|
|
<view class="product-body" :class="layout === 'mall' ? 'product-body-mall' : ''">
|
|
|
<text class="product-name" :class="layout === 'mall' ? 'product-name-mall' : ''">{{ prod.name }}</text>
|
|
|
- <text v-if="layout === 'mall' && prod.desc" class="product-desc-mall">{{ prod.desc }}</text>
|
|
|
<view class="price-row">
|
|
|
<text class="product-price" :class="layout === 'mall' ? 'product-price-mall' : ''" v-if="prod.priceLabel">{{ prod.priceLabel }}</text>
|
|
|
<text class="product-price" :class="layout === 'mall' ? 'product-price-mall' : ''" v-else-if="prod.price">{{ formatPriceWithSymbol(prod.price) }}</text>
|
|
|
@@ -230,18 +229,6 @@ export default {
|
|
|
-webkit-box-orient: vertical;
|
|
|
white-space: normal;
|
|
|
}
|
|
|
-.product-desc-mall {
|
|
|
- display: -webkit-box;
|
|
|
- font-size: calc(22rpx * var(--font-scale, 1));
|
|
|
- color: $facade-text-muted;
|
|
|
- line-height: 1.5;
|
|
|
- margin-bottom: 8rpx;
|
|
|
- overflow: hidden;
|
|
|
- text-overflow: ellipsis;
|
|
|
- -webkit-line-clamp: 2;
|
|
|
- -webkit-box-orient: vertical;
|
|
|
- white-space: normal;
|
|
|
-}
|
|
|
.product-price-mall {
|
|
|
font-size: calc(28rpx * var(--font-scale, 1));
|
|
|
}
|