Browse Source

修复规格会多展示的问题

Xfy
Trae AI 5 days ago
parent
commit
f3f2f25d18
  1. 5
      pages/compare_price/index.js
  2. 3
      pages/compare_price/index.wxml
  3. 17
      pages/compare_price/index.wxss

5
pages/compare_price/index.js

@ -658,6 +658,11 @@ Page({
item.totalStock = displayStock;
item.originalTotalStock = totalStock;
// 添加当前对比的规格信息
if (specWeight) {
item.currentSpec = specWeight;
}
// 处理地区信息,只显示省份
if (item.region) {
// 提取省份信息

3
pages/compare_price/index.wxml

@ -67,7 +67,10 @@
bindtap="navigateToGoodsDetail"
>
<view class="compare-item-header">
<view class="compare-item-name-container">
<text class="compare-item-name">{{item.productName || item.name}}</text>
<text wx:if="{{item.status === 'sold_out'}}" class="sold-out-tag">已售空</text>
</view>
<view class="compare-item-price">
<text class="currency-symbol" style="color: {{item.priceDiff > 0 ? '#FF4D4F' : item.priceDiff < 0 ? '#10B981' : '#666666'}}">¥</text>
<text class="compare-price-amount" style="color: {{item.priceDiff > 0 ? '#FF4D4F' : item.priceDiff < 0 ? '#10B981' : '#666666'}}">{{item.price}}</text>

17
pages/compare_price/index.wxss

@ -336,6 +336,14 @@
gap: 12px;
}
.compare-item-name-container {
flex: 1;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.compare-item-name {
font-size: 15px;
color: #1A1A1A;
@ -346,6 +354,15 @@
line-height: 1.4;
}
.sold-out-tag {
background-color: #FEE2E2;
color: #EF4444;
font-size: 12px;
padding: 2px 8px;
border-radius: 9999px;
flex-shrink: 0;
}
.compare-item-price {
display: flex;
align-items: baseline;

Loading…
Cancel
Save