Ver código fonte

[拼团详情页样式修改]

tags/河北版C.8.1.01
刘晖 5 anos atrás
pai
commit
f7534c0b3b
5 arquivos alterados com 79 adições e 50 exclusões
  1. +5
    -5
      ext.json
  2. +1
    -1
      pages/spellDetail/index.js
  3. +37
    -28
      pages/spellDetail/index.wxml
  4. +34
    -14
      pages/spellDetail/index.wxss
  5. +2
    -2
      utils/spell.js

+ 5
- 5
ext.json Ver arquivo

@@ -34,29 +34,29 @@
"text": "首页",
"iconPath": "assets/images/home.png",
"pagePath": "pages/main/index",
"selectedIconPath": "assets/images/home-b.png"
"selectedIconPath": "assets/images/home-a.png"
},
{
"text": "门店",
"iconPath": "assets/images/mendian.png",
"pagePath": "pages/index/searchbar/index",
"selectedIconPath": "assets/images/mendian-b.png"
"selectedIconPath": "assets/images/mendian-a.png"
},
{
"text": "停车",
"iconPath": "assets/images/park.png",
"pagePath": "pages/passCar/passCar",
"selectedIconPath": "assets/images/park-b.png"
"selectedIconPath": "assets/images/park-a.png"
},
{
"text": "我的",
"iconPath": "assets/images/user.png",
"pagePath": "pages/user/index",
"selectedIconPath": "assets/images/user-b.png"
"selectedIconPath": "assets/images/user-a.png"
}
],
"color": "#abb1be",
"selectedColor": "#FD832D"
"selectedColor": "#b2743d"
},
"window": {
"backgroundTextStyle": "dark",


+ 1
- 1
pages/spellDetail/index.js Ver arquivo

@@ -57,7 +57,7 @@ Page({
},
gotoshare() {
wx.navigateTo({
url: `/pages/spellGroup/mySpellGroup/index?orderId=${this.data.paramData.orderId}&couponId=${this.data.paramData.couponId}&orderGroupId=${this.data.paramData.orderGroupId}&couponChannelId=${this.data.paramData.couponChannelId}`,
url: `/pages/spellGroup/mySpellGroup/index?orderId=${this.data.paramData.orderId}&orderGroupId=${this.data.paramData.orderGroupId}&couponChannelId=${this.data.paramData.couponChannelId}`,
})
},
gotoSearch() {


+ 37
- 28
pages/spellDetail/index.wxml Ver arquivo

@@ -25,6 +25,7 @@
</view>
<image class="frImg" wx:if="{{data.status == 10}}" src="{{orangeImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image>
<image class="frImg" wx:if="{{data.status == 11}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image>
<image class="frImg" wx:if="{{data.status != 11&&data.status != 10}}" src="{{grayImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image>
</view>

@@ -46,24 +47,37 @@
</view>
<!-- <view class='need' >还差 <text class='needNum'>{{data.remainPeople}}人</text>拼团成功,赶快邀人!</view> -->
</view>
<view class='status-top' style="width:332rpx;margin:0 auto;">
<view class='p-text' wx:if='{{data.status==10}}'>结束</view>
<view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view>
<view class='p-mao' wx:if='{{data.status==10}}'>:</view>
<view class='p-time' wx:if='{{data.status==10}}'>{{min}}</view>
<view class='p-mao' wx:if='{{data.status==10}}'>:</view>
<view class='p-time' wx:if='{{data.status==10}}'>{{hour}}</view>
<view class='p-mao' wx:if='{{data.status==10}}'>天</view>
<view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view>
<view class='p-text' wx:if='{{data.status==10}}'>剩余</view>
</view>
<view class='status-top'>
<view>
<view>还差</view>
<view>1</view>
<view>拼团成功,赶快邀人</view>
<view class='status-top' wx:if='{{data.status==10}}' style="width:332rpx;margin:0 auto;">
<view class='p-text'>结束</view>
<view class='p-time'>{{sec}}</view>
<view class='p-mao'>:</view>
<view class='p-time'>{{min}}</view>
<view class='p-mao'>:</view>
<view class='p-time'>{{hour}}</view>
<view class='p-mao'>天</view>
<view class='p-time'>{{day}}</view>
<view class='p-text'>剩余</view>
</view>
<view class='status-des' wx:if='{{data.status==10}}'>
<view class='p-des'>
<view class='p-des-text'>还差</view>
<view class='p-des-num'>{{data.remainPeople}}人</view>
<view class='p-des-text'>拼团成功,赶快邀人</view>
</view>
</view>
<view class='status-des' wx:if="{{data.status==11&&isMyself==true}}">
<view class='p-des'>
<view class='p-des-num'>拼团成功!</view>
</view>
</view>
<view class='status-des' wx:if="{{data.status==12||data.status==13&&data.couponStatus==0}}">
<view class='p-des'>
<view class='p-des-text' style='color:#ccc;'>拼团失败!</view>
</view>
</view>
<button class='share user-motto' wx:if="{{data.status==10&&isMyself==true&&data.couponStatus==0}}" id="shareBtn" open-type="share">邀请好友拼团</button>
<button class='share user-motto' wx:if="{{data.status==11&&isMyself==true}}" bindtap='gotoUse'>去使用</button>
<button class='share user-motto' wx:if="{{data.status==12||data.status==13&&data.couponStatus==0}}" bindtap='gotoAgain'>重新拼团</button>
<view class='status-bottom'>
<view class='position-icon'>
<image src='{{position}}'></image>
@@ -74,11 +88,8 @@

<!-- 拼团状态-除拼团失败,拼团超时 wx:if='{{data.status!=10&&!isMyself}}'-->
<view class='status' wx:if='{{data.status!=10&&!isMyself}}' style='padding:0;overflow:hidden;margin-top:30rpx;'>
<view class='status-top' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'>
<view class='p-status' style='text-align:center;width:100%;'>{{data.statustext}}</view>
</view>
<view class='status-center' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'>
<view class='status-lists'>
<view class='status-lists' style='{{"width:"+(120*data.userList.length>634?634:120*data.userList.length)+"rpx;"+"margin:0 auto;"}}'>
<view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}">
<view class='touxiang' wx:if='{{item.avatarUrl}}'>
<image src='{{item.avatarUrl}}'></image>
@@ -92,12 +103,15 @@
</view>
</view>
</view>
<view class='status-top' style='margin:0 20rpx;width:650rpx;box-sizing:border-box;'>
<view class='p-status' style='text-align:center;width:100%;'>{{data.statustext}}</view>
</view>
<!-- 按钮 -->
<view class='button' style='padding:0 20rpx;'>
<button bindtap='gotoshare'>发起拼团</button>
<button bindtap='gotoSearch'>更多拼团商品</button>
<button class='share user-motto' bindtap='gotoshare'>发起拼团</button>
<button class='share user-motto' bindtap='gotoSearch'>更多拼团商品</button>
</view>
<view class='status-bottom' style='background:rgba(254,243,232,1);padding:0 20rpx;box-sizing:border-box;'>
<view class='status-bottom' style='padding:0 20rpx;box-sizing:border-box;'>
<view class='position-icon'>
<image src='{{position}}'></image>
</view>
@@ -116,11 +130,6 @@
<view class='order-text'>{{data.orderGroupId}}</view>
</view>
</view>
<view class='edit'>
<button class='share user-motto' wx:if="{{data.status==10&&isMyself==true&&data.couponStatus==0}}" id="shareBtn" open-type="share">邀请好友拼团</button>
<button class='share user-motto' wx:if="{{data.status==12||data.status==13&&data.couponStatus==0}}" bindtap='gotoAgain'>重新拼团</button>
<button class='share user-motto' wx:if="{{data.status==11&&isMyself==true}}" bindtap='gotoUse'>去使用</button>
</view>
<view class='alert-bg' wx:if='{{showAlert&&data.status!=11}}' bindtap='gotoClose'></view>
<view class='alert-box' wx:if='{{showAlert&&data.status!=11}}'>
<view class='alert-close' bindtap='gotoClose'>


+ 34
- 14
pages/spellDetail/index.wxss Ver arquivo

@@ -20,15 +20,14 @@ page {
}
.status-top{
width: 100%;
height: 75rpx;
height: 60rpx;
box-sizing: border-box;
border-bottom: 1rpx solid #F9F9F9;
/* overflow: hidden; */
overflow: hidden;
}
.p-status{
float: left;
width: 260rpx;
font-size:32rpx;
font-size:26rpx;
font-family:PingFang-SC-Bold;
font-weight:bold;
color:#FD782D;
@@ -41,11 +40,11 @@ page {
font-weight:500;
color:#FFF;
width: 38rpx;
height: 30rpx;
height: 40rpx;
margin-top: 22rpx;
background:#FD782D;
border-radius:10rpx;
line-height: 30rpx;
line-height: 40rpx;
text-align: center;
margin: 22rpx 6rpx;
}
@@ -70,10 +69,9 @@ page {
overflow: hidden;
padding: 20rpx 0;
text-align: center;
border-bottom: 1rpx solid #F9F9F9;
}
.status-lists{
margin-top: 60rpx;
margin-top: 30rpx;
}
.tuanzhang{
float: left;
@@ -312,7 +310,7 @@ page {
}
.user-motto {
border: 0;
width:650rpx;
width:520rpx;
height:85rpx;
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%);
border-radius:43rpx;
@@ -321,7 +319,7 @@ page {
font-weight:500;
color:rgba(254,254,254,1);
line-height: 85rpx;
margin-top: 100rpx;
margin: 40rpx auto;
}

.user-motto::after {
@@ -331,7 +329,6 @@ page {
width:520rpx;
height:95rpx;
margin: 30rpx auto 38rpx;
background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%);
border-radius:47rpx;
color: #fff;
}
@@ -342,7 +339,7 @@ page {
border:1rpx solid rgba(190,190,190,1);
border-radius:47rpx;
color:#333333;
margin-bottom: 50rpx;
margin-bottom: 30rpx auto 38rpx;
}
.alert-bg{
width: 100%;
@@ -410,10 +407,33 @@ page {
top: 0;
}
.frImg text{
height: 78rpx;
width: 78rpx;
transform: rotate(45deg);
color: #FFFFFF;
font-size: 16rpx;
position: absolute;
left: 14rpx;
top: 12rpx;
text-align: center;
line-height: 53rpx;
top: 0;
left: 0;
}
.p-des{
text-align: center;
}
.p-des-text{
font-size: 26rpx;
color:rgba(51,51,51,1);
display: inline;
}
.p-des-num{
font-size: 26rpx;
color:#FE8B4A;
display: inline;
font-weight:600;
}
.status-des{
height: 50rpx;
line-height: 50rpx;
width: 100%;
}

+ 2
- 2
utils/spell.js Ver arquivo

@@ -8,7 +8,7 @@ const spellStatus=[
value: 11
},
{
name: '拼团已过期',
name: '已过期',
value: 12
},
{
@@ -20,7 +20,7 @@ const spellStatus=[
value: 14
},
{
name: '拼团待支付',
name: '待支付',
value: 15
},
{


Carregando…
Cancelar
Salvar