Browse Source

添加暂无更多商品选择和规格选择提示,解决规格框被遮挡问题

pull/19/head
徐飞洋 1 month ago
parent
commit
f514513217
  1. 5
      pages/evaluate1/index.wxml
  2. 24
      pages/evaluate1/index.wxss
  3. 5
      pages/evaluate1/product-list.wxml
  4. 18
      pages/evaluate1/product-list.wxss

5
pages/evaluate1/index.wxml

@ -61,6 +61,11 @@
<view class="spec-arrow">→</view>
</view>
</view>
<!-- 暂无更多规格提示 -->
<view wx:if="{{specifications.length > 0}}" class="no-more">
<text class="no-more-text">暂无更多规格选择</text>
</view>
</view>
<!-- 无规格提示 -->

24
pages/evaluate1/index.wxss

@ -424,3 +424,27 @@
font-size: 28rpx;
}
}
/* 暂无更多规格提示 */
.no-more {
display: flex;
justify-content: center;
align-items: center;
padding: 48rpx 0;
margin-top: 16rpx;
margin-bottom: 100rpx; /* 添加底部边距,避免被导航栏遮挡 */
}
.no-more-text {
font-size: 24rpx;
color: #999;
background: rgba(0, 0, 0, 0.03);
padding: 12rpx 32rpx;
border-radius: 30rpx;
font-weight: 500;
}
/* 调整规格网格布局,确保不被导航栏遮挡 */
.spec-section {
margin-bottom: 40rpx;
}

5
pages/evaluate1/product-list.wxml

@ -39,6 +39,11 @@
<view class="product-arrow">→</view>
</view>
</view>
<!-- 暂无更多商品提示 -->
<view wx:if="{{productNames.length > 0}}" class="no-more">
<text class="no-more-text">暂无更多商品选择</text>
</view>
</view>
</view>
</view>

18
pages/evaluate1/product-list.wxss

@ -278,3 +278,21 @@
font-size: 50rpx;
}
}
/* 暂无更多商品提示 */
.no-more {
display: flex;
justify-content: center;
align-items: center;
padding: 48rpx 0;
margin-top: 16rpx;
}
.no-more-text {
font-size: 24rpx;
color: #999;
background: rgba(0, 0, 0, 0.03);
padding: 12rpx 32rpx;
border-radius: 30rpx;
font-weight: 500;
}

Loading…
Cancel
Save