fix: 修复选择商品页面模板结构,分类侧栏
All checks were successful
continuous-integration/drone/push Build is passing

This commit is contained in:
Agent
2026-04-01 15:59:54 +00:00
parent e25d288fae
commit b90847a0f1

View File

@@ -30,25 +30,26 @@
<scroll-view scroll-y class="product-scroll">
<view class="product-list">
<view v-for="item in productList" :key="item.productId" class="product-item" @click="openProductDetail(item)">
<view class="product-info">
<text class="product-name">{{ item.name }}</text>
<view class="product-row">
<text class="product-spec">{{ item.spec || '-' }}</text>
<text class="product-size" v-if="item.length && item.width">{{ item.length }} x {{ item.width }} = {{ item.area }} m²</text>
<view class="product-info">
<text class="product-name">{{ item.name }}</text>
<view class="product-row">
<text class="product-spec">{{ item.spec || '-' }}</text>
<text class="product-size" v-if="item.length && item.width">{{ item.length }} x {{ item.width }} = {{ item.area }} m²</text>
</view>
</view>
<view class="product-price">
<text class="price">¥{{ item.price }}</text>
<text class="unit">{{ item.unit || '个' }}</text>
</view>
</view>
<view class="product-price">
<text class="price">¥{{ item.price }}</text>
<text class="unit">{{ item.unit || '个' }}</text>
<view v-if="productList.length === 0" class="empty">
<Icon name="product" :size="80" color="#ccc" />
<text class="empty-text">暂无商品</text>
</view>
</view>
<view v-if="productList.length === 0" class="empty">
<Icon name="product" :size="80" color="#ccc" />
<text class="empty-text">暂无商品</text>
</view>
</view>
</scroll-view>
</scroll-view>
</view>
<!-- 商品详情/选择弹窗 -->
<view class="modal-mask" v-if="showModal" @click="closeModal">