loadmore 7.23

components/shop/group/index.vue

@@ -8,7 +8,7 @@
             <u-tabs-swiper ref="group" :list="classifyList" name="gc_name" :is-scroll="true" active-color="#FF780F" :current="current" font-size="24" :show-bar="false" @change="tabsChange" height="88"></u-tabs-swiper>
         </view>
 		<swiper :current="swiperCurrent" @animationfinish="animationfinish" style="height: 130px">
-			<swiper-item class="swiper-item" v-for="(_, i) in classifyList" :key="i">
+			<swiper-item class="swiper-item list" v-for="(_, i) in classifyList" :key="i">
 				<!-- 最多显示3个 -->
 				<sitem :info="info" v-for="(info, index) in groupList.slice(0, 3)" :key="index"></sitem>
 				<u-empty text="暂无拼团商品" mode="list" color="#000" v-if="!groupList.length"></u-empty>
@@ -67,19 +67,18 @@ export default {
             color: #999;
         }
     }
-    .label{
-        display: flex; 
-        font-size: 24rpx;
-        color: #999;
-        >text{
-            margin-right: 34rpx;
-        }
-    }
+    // .label{
+    //     display: flex; 
+    //     font-size: 24rpx;
+    //     color: #999;
+    //     >text{
+    //         margin-right: 34rpx;
+    //     }
+    // }
     .list{
         display: flex;
         justify-content: space-between;
         margin-top: 21rpx;
-        
     }
 }
 </style>

components/shop/group/item.vue

@@ -3,8 +3,8 @@
         <image class="head" :src="info.pintuan_image"></image>
         <text class="title u-line-1">{{ info.pintuan_goods_name }}</text>
         <view class="price">
-            <text>￥{{ info.pintuan_goods_price }}</text>
-           	<text>立即购买</text>
+            <view>￥{{ info.pintuan_goods_price }}</view>
+           	<view>立即拼团</view>
         </view>
     </view>
 </template>
@@ -38,33 +38,33 @@ export default {
 <style lang="scss" scoped>
 .item{
     width: 210rpx;
+	overflow: hidden;
     .head{
         width: 210rpx;
         height: 131rpx;
         border-radius: 6rpx;
-
     }
     .title{
 		display: inline-block;
 		width: 100%;
         font-size: 26rpx;
         color: #333;
-        margin-top: 16rpx;
+        margin-top: 10rpx;
     }
     .price{
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        margin-top: 19rpx;
-        >text:first-child{
+        // display: flex;
+        // align-items: center;
+        // justify-content: space-between;
+        margin-top: 10rpx;
+        > view:first-child{
             font-size: 26rpx;
             color: #FF3131;
+			margin-bottom: 4rpx;
         }
-         >text:last-child{
+        > view:last-child{
+			font-size: 22rpx;
             color: #FDD360;
         }
-
     }
-    
 }
 </style>