修复拼团列表UI展示不正确的问题 review by 黄敬囿

@@ -14,6 +14,9 @@
         "backgroundColor": "#fff",
         "backgroundColor": "#fff",
         "backgroundTextStyle": "dark",
         "backgroundTextStyle": "dark",
         "onReachBottomDistance": 100
         "onReachBottomDistance": 100
-    }
+    },
+    "navigateToMiniProgramAppIdList": [
+      "wx207f18be42db9028"
+    ]
 }
 }
 
 

@@ -30,6 +30,8 @@ Component({
    * 组件的方法列表
    * 组件的方法列表
    */
    */
   methods: {
   methods: {
-
+    clickGroupDetail(e) {
+      this.triggerEvent('handlegroupdetail', e.currentTarget.dataset.groupProduct);
+    }
   }
   }
 })
 })

 <!--pages/zeroSell/components/group-recommend-cell.wxml-->
 <!--pages/zeroSell/components/group-recommend-cell.wxml-->
 <!-- <text>pages/zeroSell/components/group-recommend-cell.wxml</text> -->
 <!-- <text>pages/zeroSell/components/group-recommend-cell.wxml</text> -->
 
 
-<view class="group-product-cell-bg">
+<view class="group-product-cell-bg" bindtap="clickGroupDetail" data-group-product="{{group_product}}">
   <view class="group-product-header">
   <view class="group-product-header">
-    <image class="group-product-left-icon" src="{{group_number_image}}"></image>
+    <image class="group-product-left-icon" src="{{group_number_image}}">
+    </image>
+    <text class="group-product-left-icon group-product-left-icon-number">{{group_product.people_num}}人团</text>
     <image class="group-product-image" src="{{group_product.default_images}}"></image>
     <image class="group-product-image" src="{{group_product.default_images}}"></image>
   </view>
   </view>
   <view class="group-product-name">{{group_product.product_name}}</view>
   <view class="group-product-name">{{group_product.product_name}}</view>

 /* pages/zeroSell/components/group-recommend-cell.wxss */
 /* pages/zeroSell/components/group-recommend-cell.wxss */
 .group-product-image {
 .group-product-image {
-  margin-left: -72rpx;
   width: 322rpx;
   width: 322rpx;
   height: 430rpx;
   height: 430rpx;
-  z-index: 1;
 }
 }
 
 
 .group-product-cell-bg {
 .group-product-cell-bg {
   margin-top: 20rpx;
   margin-top: 20rpx;
 }
 }
 
 
-.group-product-header {
-  display: flex;
-  flex-direction: row;
-}
-
 .group-product-left-icon {
 .group-product-left-icon {
   margin-top: 10rpx;
   margin-top: 10rpx;
   width: 88rpx;
   width: 88rpx;
   height: 40rpx;
   height: 40rpx;
-  z-index: 2;
+  position: absolute;
+  margin-left: -15rpx;
+  color: #FFFFFF;
+  font-size: 22rpx;
+  font-family: PingFangSC-Medium;
+}
+
+.group-product-left-icon-number {
+  margin-left: 0rpx;
+  margin-top: 19rpx;
 }
 }
 
 
 .group-product-name {
 .group-product-name {
@@ -29,7 +31,6 @@
   font-size: 20rpx;
   font-size: 20rpx;
   color: #444444;
   color: #444444;
   margin-top: 24rpx;
   margin-top: 24rpx;
-  margin-left: 16rpx;
   display: -webkit-box;
   display: -webkit-box;
   overflow: hidden;
   overflow: hidden;
   text-overflow: ellipsis;
   text-overflow: ellipsis;
@@ -40,7 +41,6 @@
 }
 }
 
 
 .group-price {
 .group-price {
-  margin-left: 16rpx;
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
   align-items: center;
   align-items: center;

@@ -21,6 +21,8 @@ Component({
    * 组件的方法列表
    * 组件的方法列表
    */
    */
   methods: {
   methods: {
-
+    groupDetail(e) {
+      this.triggerEvent('goToGroupMiniApp', e.detail);
+    }
   }
   }
 })
 })

@@ -5,6 +5,6 @@
 </view>
 </view>
 <view class="group-list">
 <view class="group-list">
   <block wx:for="{{groupRecommendList}}">
   <block wx:for="{{groupRecommendList}}">
-    <group-recommend-cell product="{{item}}"></group-recommend-cell>
+    <group-recommend-cell product="{{item}}" bindhandlegroupdetail="groupDetail"></group-recommend-cell>
   </block>
   </block>
 </view>
 </view>

@@ -209,6 +209,21 @@ Page(Object.assign({
     this._loadGroupList(page);
     this._loadGroupList(page);
   },
   },
 
 
+  goToGroupMiniApp(e) {
+    console.log(e);
+    console.log(e.detail);
+    wx.navigateToMiniProgram({
+      appId: 'wx207f18be42db9028',
+      path: `pages/group/detail?productSkn=${e.detail.product_skn}&activityId=${e.detail.activity_id}&page_param=${e.detail.activity_id}`,
+      success(res) {
+
+      },
+      fail(error) {
+
+      }
+    })
+  },
+
   /**
   /**
    * 用户点击右上角分享
    * 用户点击右上角分享
    */
    */

@@ -28,7 +28,7 @@
 <view class="fellow-bar" wx:if="{{product.status}}">
 <view class="fellow-bar" wx:if="{{product.status}}">
   <fellow-bar></fellow-bar>
   <fellow-bar></fellow-bar>
 </view>
 </view>
-<group-recommend groupRecommendList="{{groupList}}">
+<group-recommend groupRecommendList="{{groupList}}" bindgoToGroupMiniApp="goToGroupMiniApp">
 </group-recommend>
 </group-recommend>
 
 
 <view class="action-bar">
 <view class="action-bar">

@@ -28,14 +28,14 @@
   position: fixed;
   position: fixed;
   width: 100%;
   width: 100%;
   top: 0rpx;
   top: 0rpx;
-  z-index: 5;
+  z-index: 999;
 }
 }
 
 
 .action-bar {
 .action-bar {
   position: fixed;
   position: fixed;
   width: 100%;
   width: 100%;
   bottom: 0;
   bottom: 0;
-  z-index: 5;
+  z-index: 999;
 }
 }
 
 
 .foot {
 .foot {