Переглянути джерело

[拼团详情页样式修改]

tags/河北版C.8.1.01
刘晖 5 роки тому
джерело
коміт
f7534c0b3b
5 змінених файлів з 79 додано та 50 видалено
  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 Переглянути файл

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


+ 1
- 1
pages/spellDetail/index.js Переглянути файл

@@ -57,7 +57,7 @@ Page({
}, },
gotoshare() { gotoshare() {
wx.navigateTo({ 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() { gotoSearch() {


+ 37
- 28
pages/spellDetail/index.wxml Переглянути файл

@@ -25,6 +25,7 @@
</view> </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 == 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}}" 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> </view>


@@ -46,24 +47,37 @@
</view> </view>
<!-- <view class='need' >还差 <text class='needNum'>{{data.remainPeople}}人</text>拼团成功,赶快邀人!</view> --> <!-- <view class='need' >还差 <text class='needNum'>{{data.remainPeople}}人</text>拼团成功,赶快邀人!</view> -->
</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>
</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='status-bottom'>
<view class='position-icon'> <view class='position-icon'>
<image src='{{position}}'></image> <image src='{{position}}'></image>
@@ -74,11 +88,8 @@


<!-- 拼团状态-除拼团失败,拼团超时 wx:if='{{data.status!=10&&!isMyself}}'--> <!-- 拼团状态-除拼团失败,拼团超时 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' 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-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='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}">
<view class='touxiang' wx:if='{{item.avatarUrl}}'> <view class='touxiang' wx:if='{{item.avatarUrl}}'>
<image src='{{item.avatarUrl}}'></image> <image src='{{item.avatarUrl}}'></image>
@@ -92,12 +103,15 @@
</view> </view>
</view> </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;'> <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>
<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'> <view class='position-icon'>
<image src='{{position}}'></image> <image src='{{position}}'></image>
</view> </view>
@@ -116,11 +130,6 @@
<view class='order-text'>{{data.orderGroupId}}</view> <view class='order-text'>{{data.orderGroupId}}</view>
</view> </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-bg' wx:if='{{showAlert&&data.status!=11}}' bindtap='gotoClose'></view>
<view class='alert-box' wx:if='{{showAlert&&data.status!=11}}'> <view class='alert-box' wx:if='{{showAlert&&data.status!=11}}'>
<view class='alert-close' bindtap='gotoClose'> <view class='alert-close' bindtap='gotoClose'>


+ 34
- 14
pages/spellDetail/index.wxss Переглянути файл

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


.user-motto::after { .user-motto::after {
@@ -331,7 +329,6 @@ page {
width:520rpx; width:520rpx;
height:95rpx; height:95rpx;
margin: 30rpx auto 38rpx; 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; border-radius:47rpx;
color: #fff; color: #fff;
} }
@@ -342,7 +339,7 @@ page {
border:1rpx solid rgba(190,190,190,1); border:1rpx solid rgba(190,190,190,1);
border-radius:47rpx; border-radius:47rpx;
color:#333333; color:#333333;
margin-bottom: 50rpx;
margin-bottom: 30rpx auto 38rpx;
} }
.alert-bg{ .alert-bg{
width: 100%; width: 100%;
@@ -410,10 +407,33 @@ page {
top: 0; top: 0;
} }
.frImg text{ .frImg text{
height: 78rpx;
width: 78rpx;
transform: rotate(45deg); transform: rotate(45deg);
color: #FFFFFF; color: #FFFFFF;
font-size: 16rpx; font-size: 16rpx;
position: absolute; 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 Переглянути файл

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


Завантаження…
Відмінити
Зберегти