sales/todo-frontend
3
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Agent
2026-04-01 15:59:54 +00:00
parent e25d288fae
commit b90847a0f1
1 changed files with 16 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
src/pages/product/select.vue
View File

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