猜你喜欢

package1/group/groupBuyList.vue

@@ -109,7 +109,7 @@
 								¥{{item1.attributeListPrice | sliceMsg}}
 							</view>
 							<view class="shop-menu-purchase">
-								拼团 <text style="color: red;">¥{{item1.productGroupBuyPrices | slicePrice}}</text>
+								拼团 <text style="color: red;font-size: 12px;padding-left: 5px;">¥{{item1.productGroupBuyPrices | slicePrice}}</text>
 							</view>
 						</view>
 					</view>
@@ -509,7 +509,7 @@
 		height: 54rpx;
 		margin-left: 20rpx;
 		border-radius: 54rpx;
-		width: 380rpx;
+		flex: 1;
 		input{
 			height: 54rpx;
 			line-height: 54rpx;
@@ -564,6 +564,7 @@
 			width: 100%;
 			background-size: 100%;
 			height: 100%;
+			border-radius: 10px;
 		}
 	}
 	.shop-top{
@@ -601,6 +602,7 @@
 		border-top-left-radius: 20rpx;
 		border-bottom-right-radius: 10rpx;
 		border-top-right-radius: 10rpx;
+		font-weight: 700;
 	}
 	.shop-tag{
 		flex: 1;
@@ -618,8 +620,9 @@
 		width: 100%;
 		overflow-x: scroll;
 		display: flex;
-		height: 280rpx;
+		height: auto;
 		overflow-y: hidden;
+		padding: 5px 0 10px;
 	}
 	.menu-member{
 		width: 140rpx;
@@ -629,18 +632,22 @@
 	.menu-img{
 		height: 140rpx;
 		width: 140rpx;
+		border-radius: 10px;
 		img{
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
+			border-radius: 10px;
 		}
 	}
 	.menu-content{
-		font-size: 22rpx;
+		font-size: 26rpx;
 	}
 	.shop-menu-name{
 		margin-top: 10rpx;
 		font-weight: 700;
+		overflow: hidden;
+		height: 15px;
 	}
 	.shop-menu-price{
 		margin-top: 6rpx;
@@ -656,6 +663,7 @@
 		font-weight: 700;
 		margin-top: 10rpx;
 		color: #777;
+		font-size: 10px;
 	}
 	.zaixian{
 		position: fixed;

package1/group/groupBuySingle.vue

@@ -2,9 +2,9 @@
 	<!-- 拼团单一商家 -->
 	<view class="page1">
 		<!-- 固定顶部导航栏（悬浮在背景图之上） -->
-		<view class="nav-bar" :style="{'padding-top': menuButtonInfo.top +'px'}">
+		<view class="nav-bar" :style="{'padding-top': menuButtonInfo.top +'px','background':lastScrollTop>200?'#fff':''}">
 			<view class="back-btn" @tap="back">
-				<uni-icons type="left" size="28" color="#fff"></uni-icons>
+				<uni-icons type="left" size="28"></uni-icons>
 			</view>
 			<view class="title-search">
 				<uni-icons type="search" size="18" style="margin: 9rpx;"></uni-icons>
@@ -29,7 +29,7 @@
 						<view class="shop-content-center">
 							<view class="shop-rate">
 								<view class="shop-rate-num">{{shopItem.shopScore}}</view>
-								<view style="padding-top: 2px;">
+								<view>
 									<uni-rate :disabled="true" size="20" disabledColor="rgba(255, 184, 84, 1)"
 										:value="shopItem.shopScore" />
 								</view>
@@ -81,7 +81,7 @@
 				</view>
 			</view>
 			<!-- 分类栏：移到goods-list外层，position:sticky才能生效 -->
-			<view class="menu-list" id="menuList" :style="{'top': navBarHeight + 'px'}">
+			<view class="menu-list" id="menuList" :style="{'top': navBarHeight + 'px','background':lastScrollTop>200?'#fff':''}">
 				<view class="menu1" @tap="checkTab(index)" v-for="(item,index) in menuList" :key="index" :style="{'font-size':item.checked?'40rpx':'30rpx','color':item.checked?'rgba(0, 35, 28, 1)':'#777'}">
 					<view style="width: 90px;">{{item.categoryName}}</view>
 					<img v-if="item.checked" class="checked-img" src="https://jewel-shop.oss-cn-beijing.aliyuncs.com/4bb5fc7725cb4a7a84d1d3a15f05b39c.png" alt="" />
@@ -454,7 +454,7 @@
 			this.menuButtonInfo = uni.getMenuButtonBoundingClientRect();
 			// 计算导航栏高度用于sticky offset：statusBarHeight + 44px内容区
 			const info = uni.getSystemInfoSync();
-			this.navBarHeight = info.statusBarHeight + 44;
+			this.navBarHeight = info.statusBarHeight + 40;
 		},
 		onReady() {
 			// 记录分类栏相对页面的偏移量，用于上滑检测
@@ -765,7 +765,6 @@
 		justify-content: center;
 		width: 60rpx;
 		height: 60rpx;
-		background: rgba(0,0,0,0.25);
 		border-radius: 50%;
 	}
 
@@ -785,6 +784,7 @@
 			width: 100%;
 			background-size: 100%;
 			height: 100%;
+			border-radius: 10px;
 		}
 	}
 
@@ -828,6 +828,7 @@
 		border-top-left-radius: 20rpx;
 		border-bottom-right-radius: 10rpx;
 		border-top-right-radius: 10rpx;
+		font-weight: 700;
 	}
 
 	.shop-tag {
@@ -853,6 +854,7 @@
 	.shop-bottom {
 		margin-top: 20rpx;
 		line-height: 40rpx;
+		font-weight: 700;
 	}
 
 	.pintuan {
@@ -877,6 +879,7 @@
 			width: 100%;
 			height: 100%;
 			background-size: 100%;
+			border-radius: 10px;
 		}
 	}