Authored by QC-L

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

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

2.47 KB | W: | H:

608 Bytes | W: | H:

  • 2-up
  • Swipe
  • Onion skin
... ... @@ -30,6 +30,8 @@ Component({
* 组件的方法列表
*/
methods: {
clickGroupDetail(e) {
this.triggerEvent('handlegroupdetail', e.currentTarget.dataset.groupProduct);
}
}
})
... ...
<!--pages/zeroSell/components/group-recommend-cell.wxml-->
<!-- <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">
<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>
</view>
<view class="group-product-name">{{group_product.product_name}}</view>
... ...
/* pages/zeroSell/components/group-recommend-cell.wxss */
.group-product-image {
margin-left: -72rpx;
width: 322rpx;
height: 430rpx;
z-index: 1;
}
.group-product-cell-bg {
margin-top: 20rpx;
}
.group-product-header {
display: flex;
flex-direction: row;
}
.group-product-left-icon {
margin-top: 10rpx;
width: 88rpx;
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 {
... ... @@ -29,7 +31,6 @@
font-size: 20rpx;
color: #444444;
margin-top: 24rpx;
margin-left: 16rpx;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
... ... @@ -40,7 +41,6 @@
}
.group-price {
margin-left: 16rpx;
display: flex;
flex-direction: row;
align-items: center;
... ...
... ... @@ -21,6 +21,8 @@ Component({
* 组件的方法列表
*/
methods: {
groupDetail(e) {
this.triggerEvent('goToGroupMiniApp', e.detail);
}
}
})
... ...
... ... @@ -5,6 +5,6 @@
</view>
<view class="group-list">
<block wx:for="{{groupRecommendList}}">
<group-recommend-cell product="{{item}}"></group-recommend-cell>
<group-recommend-cell product="{{item}}" bindhandlegroupdetail="groupDetail"></group-recommend-cell>
</block>
</view>
\ No newline at end of file
... ...
... ... @@ -209,6 +209,21 @@ Page(Object.assign({
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}}">
<fellow-bar></fellow-bar>
</view>
<group-recommend groupRecommendList="{{groupList}}">
<group-recommend groupRecommendList="{{groupList}}" bindgoToGroupMiniApp="goToGroupMiniApp">
</group-recommend>
<view class="action-bar">
... ...
... ... @@ -28,14 +28,14 @@
position: fixed;
width: 100%;
top: 0rpx;
z-index: 5;
z-index: 999;
}
.action-bar {
position: fixed;
width: 100%;
bottom: 0;
z-index: 5;
z-index: 999;
}
.foot {
... ...