From c61f03cfe1fcf023c7128f77f3d692aef309f77f Mon Sep 17 00:00:00 2001
From: peng <peng.com>
Date: 星期四, 30 十月 2025 14:59:59 +0800
Subject: [PATCH] 页面优化
---
pages/commodity-square/coups-goods-list.vue | 24 +++++++++++++++++++++---
1 files changed, 21 insertions(+), 3 deletions(-)
diff --git a/pages/commodity-square/coups-goods-list.vue b/pages/commodity-square/coups-goods-list.vue
index 81c95b9..3405c80 100644
--- a/pages/commodity-square/coups-goods-list.vue
+++ b/pages/commodity-square/coups-goods-list.vue
@@ -8,6 +8,9 @@
<u-search class="nav-search" @change='searchGoods' v-model="searchInfo" placeholder="鎼滅储鍟嗗搧"
:show-action="false"></u-search>
</view>
+ <view class="coupon-tip">
+ <text class="tip-text">浣犲凡鏈変笓灞炰紭鎯犲嵎鍙互杩涜鎶垫墸瀵瑰簲鍟嗗搧</text>
+ </view>
<view style="display: flex;padding: 32rpx;box-sizing: border-box;height: 100%;">
<view class="navigatorMenue">
<scroll-view class="typeNavigation" :scroll-y="true" :show-scrollbar="false">
@@ -40,7 +43,7 @@
</view>
<view
- style="display: flex; justify-content: space-between;align-items:center; 100%;margin-top: 32rpx;width: 100%;">
+ style="display: flex; justify-content: space-between;align-items:center;margin-top: 32rpx;width: 100%;">
<view class="goodsPrice">锟{item.price}}</view>
<view class="addCard" style="display: flex; align-items: center;" v-if="item.goodsType !=='VIRTUAL_GOODS'&& item.customizeFlag!=='CUSTOMIZE'">
<view style="padding: 20rpx 0 20rpx 20rpx;" v-show="item.cardNum && item.cardNum>0"
@@ -65,8 +68,6 @@
<div class="settlement">鍘昏喘鐗╄溅缁撶畻</div>
</view>
</view>
- </view>
-
</view>
</template>
@@ -379,6 +380,7 @@
height: 100%;
width: 200rpx;
border-radius: 0 24rpx 24rpx 0;
+ padding-bottom: 60rpx; /* 澧炲姞搴曢儴闂磋窛 */
}
.goodsInfos {
@@ -398,6 +400,7 @@
box-sizing: border-box;
padding: 10rpx;
height: 100%;
+ padding-bottom: 40rpx; /* 澧炲姞搴曢儴鍐呰竟璺� */
}
.typeNavigationItem {
@@ -432,4 +435,19 @@
color: red;
font-weight: bold;
}
+
+ .coupon-tip {
+ text-align: center;
+ padding: 20rpx 0;
+ background-color: #fff9f9;
+ margin: 20rpx 32rpx;
+ border-radius: 10rpx;
+ border: 1px solid #ffe0e0;
+ }
+
+ .tip-text {
+ color: #ff6b6b;
+ font-size: 28rpx;
+ font-weight: bold;
+ }
</style>
\ No newline at end of file
--
Gitblit v1.8.0