|
|
@@ -33,12 +33,16 @@
|
|
|
<!-- 楼层列表 -->
|
|
|
<view v-else class="floors-scroll">
|
|
|
<view v-for="floor in currentFloors" :key="'floor-' + floor.floor" class="floor-card">
|
|
|
- <!-- 楼层头部 -->
|
|
|
- <view class="floor-header">
|
|
|
+ <!-- 楼层头部（单层柜模版不显示层号） -->
|
|
|
+ <view class="floor-header" v-if="currentFloors.length > 1">
|
|
|
<view class="floor-badge">{{ floor.floor }}</view>
|
|
|
<text class="floor-title">{{ floor.name }}</text>
|
|
|
<text class="floor-count">{{ floor.entries.length }}件商品</text>
|
|
|
</view>
|
|
|
+ <view class="floor-header floor-header-single" v-else>
|
|
|
+ <text class="floor-title">商品清单</text>
|
|
|
+ <text class="floor-count">{{ floor.entries.length }}件商品</text>
|
|
|
+ </view>
|
|
|
|
|
|
<!-- 商品网格（3列） -->
|
|
|
<view class="goods-grid">
|
|
|
@@ -315,6 +319,7 @@ onMounted(async () => {
|
|
|
/* ── 楼层卡片 ── */
|
|
|
.floor-card { background: $bg-color-card; border-radius: $radius-md; margin-bottom: 12rpx; overflow: hidden; box-shadow: 0 2rpx 8rpx rgba(0,0,0,0.04); }
|
|
|
.floor-header { display: flex; align-items: center; padding: 18rpx 20rpx; border-bottom: 1rpx solid $border-color-light; }
|
|
|
+.floor-header-single { border-bottom: none; }
|
|
|
.floor-badge { width: 40rpx; height: 40rpx; line-height: 40rpx; text-align: center; background: $primary-color; color: $text-color-primary; border-radius: $radius-sm; font-size: 22rpx; font-weight: 600; margin-right: 10rpx; }
|
|
|
.floor-title { font-size: $font-size-base; font-weight: 600; color: $text-color-primary; flex: 1; }
|
|
|
.floor-count { font-size: $font-size-sm; color: $text-color-muted; }
|
skyline