团购样式调整

pages/groupbuying_details/index.vue

@@ -1,9 +1,5 @@
 <template>
 	<view class="product-con" :style="colorStyle">
-
-
-
-
 		<skeleton :show="showSkeleton" :isNodes="isNodes" ref="skeleton" loading="chiaroscuro" selector="skeleton"
 			bgcolor="#FFF"></skeleton>
 
@@ -53,8 +49,11 @@
 							</view>
 							<view class="countdown flex-row">
 								<view class="countdown-l" hover-class="none" hover-stop-propagation="false">
-									<image class="avatar-group_1" referrerpolicy="no-referrer"
-										src="http://wine.gzzzyd.com/test/static/img/bg.a82f9752.jpg" />
+
+									<block v-for="(item, index) in storeInfo.grouponUsers" :key="index">
+										<image v-if="index < 3" class="userAvatarImg" :class="{'avatar-group_1':index===0 }" referrerpolicy="no-referrer"
+											   :src="item.userAvatar || `/static/images/one.png`" />
+									</block>
 									<text class="red">{{storeInfo.grouponUserTotal}}人</text>
 									<text class="yellow">正在参团中</text>
 								</view>
@@ -71,19 +70,21 @@
 									<text class="log-top-title">团购记录</text>
 									<text class="log-top-count">共{{storeInfo.grouponUserTotal}}条</text>
 								</view>
-								<view class="log-body" v-for="(u, index) in storeInfo.grouponUsers" :key="index">
-									<view class="log-item">
-										<image
-											:src="u.userAvatar"
-											mode="scaleToFill" />
-
-										<view class="log-item-content">
-											<view class="log-item-content-t">
-												{{u.createTime}} 下单了
+								<view v-if="storeInfo.grouponUsers.length>0">
+									<scroll-view :scroll-top="scrollTop" scroll-y="true" class="scroll-Y" >
+										<view class="log-body" v-for="(u, index) in storeInfo.grouponUsers" :key="index">
+											<view class="log-item ">
+												<image :src="u.userAvatar || `/static/images/one.png`" mode="scaleToFill" />
+												<view class="log-item-content ">
+													<text class="log-item-content-t ">
+														{{u.createTime}} 下单了
+													</text>
+												</view>
 											</view>
 										</view>
-									</view>
+									</scroll-view>
 								</view>
+
 							</view>
 
 
@@ -146,7 +147,7 @@
 					<view class="p_center">{{ $t(`首页`) }}</view>
 				</navigator>
 
-				<view style="    margin-right: 30rpx;">
+				<view style="margin-right: 30rpx;">
 					<view class="bnt acea-row">
 						<view class="buy-box" >
 							<button class="share-btn " open-type="share">
@@ -1523,6 +1524,22 @@ export default {
 </script>
 
 <style scoped lang="scss">
+
+	.userAvatarImg{
+		margin-left: -20rpx;
+		border-radius: 20rpx;
+	}
+.avatar-group_1{
+margin-left: 0rpx;
+}
+	.bord{
+		border: 1px solid red;
+	}
+
+	.scroll-Y {
+		height: 250rpx;
+	}
+
 .activity_pin {
 	width: auto;
 	height: 44rpx;
@@ -2406,7 +2423,6 @@ action-sheet-item {
 
 			image {
 				border-radius: 50%;
-				background: black;
 				margin-right: 20rpx;
 				width: 64rpx;
 				height: 64rpx;
@@ -2417,14 +2433,12 @@ action-sheet-item {
 				flex-grow: 1;
 				display: flex;
 				flex-direction: column;
+				justify-content: center;
 
 				.log-item-content-t {
-					flex: 1;
-					height: 28rpx;
-					font-size: 20rpx;
+					font-size: 28rpx;
 					font-weight: 400;
 					color: #999999;
-					line-height: 28rpx;
 				}
 
 				.log-item-content-b {

pages/index/diy/components/latestGroupBuying.vue

@@ -39,8 +39,8 @@
 				<view class="countdown flex-row">
 					<view class="countdown-l" hover-class="none" hover-stop-propagation="false">
 						<block v-for="(item, index) in e.grouponUsers" :key="index">
-							<image v-if="index < 3" class="avatar-group_1" referrerpolicy="no-referrer"
-								:src="item.userAvatar || `http://wine.gzzzyd.com/test/static/img/bg.a82f9752.jpg`" />
+							<image v-if="index < 3" :class="{'avatar-group_1':index===0 }" referrerpolicy="no-referrer"
+								:src="item.userAvatar || `/static/images/one.png`" />
 						</block>
 						<text class="red">{{ e.grouponUserTotal }}人</text>
 						<text class="yellow" v-if="currentId == 0">正在参团中</text>
@@ -258,7 +258,8 @@ export default {
 		}
 
 		.navscroll {
-			width: calc(100% - 150rpx);
+			white-space: nowrap;
+			width: 580rpx;
 		}
 	}
 }
@@ -360,9 +361,15 @@ export default {
 	image {
 		width: 40rpx;
 		height: 40rpx;
+		border-radius: 20rpx;
+		margin-left: -20rpx;
 		border: 2rpx solid #FFFFFF;
+		}
+
+	.avatar-group_1{
+		margin-left: 0rpx;
+	}
 	}
-}
 
 .price {
 	padding: 0 30rpx;