@@ -21,18 +21,18 @@ | |||
<view class="coupons-info-name subtitle">{{data.subTitle}}</view> | |||
<view class="coupons-info-price-p"> | |||
<view class='price'> | |||
<text wx:if="{{data.targetAd == 1||data.targetAd == 5}}">{{data.salePriceStr}}<text class='saleprice'>元</text></text> | |||
<text wx:if="{{data.targetAd == 2}}"><text class='saleprice'>抢购价</text>{{data.salePriceStr}}<text class='saleprice'>元</text></text> | |||
<text wx:if="{{data.targetAd == 6}}"><text class='saleprice'>可砍至</text>{{data.salePriceStr}}<text class='saleprice'>元</text></text> | |||
<text wx:if="{{data.targetAd == 7}}"><text class='saleprice'>拼团价</text>{{data.salePriceStr}}<text class='saleprice'>元</text></text> | |||
<text wx:if="{{data.targetAd == 1||data.targetAd == 5}}"><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text> | |||
<text wx:if="{{data.targetAd == 2}}"><text class='saleprice'>抢购价</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text> | |||
<text wx:if="{{data.targetAd == 6}}"><text class='saleprice'>可砍至</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text> | |||
<text wx:if="{{data.targetAd == 7}}"><text class='saleprice'>拼团价</text><text class='rmb'>¥</text>{{data.salePriceStr}}<text class='saleprice'></text></text> | |||
<view class="coupons-info-manjian" style="margin-top:10rpx;" wx:if="{{data.type == 1}}"> | |||
<view class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</view> | |||
<view class='view01' wx:if="{{data.unit==0}}">¥{{data.priceStr}}</view> | |||
<view wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view> | |||
<!-- <text class='txt2'>满{{data.usePriceStr}}元可用</text> --> | |||
</view> | |||
<view class="coupons-info-manjian" wx:elif="{{data.type == 2||data.type == 3||data.type==4||data.type==5}}"> | |||
<text class='view01' wx:if="{{data.unit==0}}">{{data.priceStr}}元</text> | |||
<text class='view01' wx:if="{{data.unit==0}}">¥{{data.priceStr}}</text> | |||
<text wx:if="{{data.unit==1}}">{{data.priceStr}}小时</text> | |||
</view> | |||
</view> | |||
@@ -2,9 +2,10 @@ | |||
.coupons { | |||
position: relative; | |||
width: 335rpx; | |||
width: 346rpx; | |||
display: inline-block; | |||
overflow: hidden; | |||
border-radius:12rpx; | |||
} | |||
.coupons-border { | |||
@@ -17,15 +18,17 @@ | |||
} | |||
.coupons-img { | |||
border-radius: 10rpx; | |||
/* border-radius: 10rpx; */ | |||
} | |||
.coupons-img image { | |||
display: block; | |||
width: 335rpx; | |||
height: 203rpx; | |||
border-top-left-radius: 10rpx; | |||
border-top-right-radius: 10rpx; | |||
width: 300rpx; | |||
height: 176rpx; | |||
margin: 20rpx auto 0; | |||
/* border-top-left-radius: 10rpx; | |||
border-top-right-radius: 10rpx; */ | |||
} | |||
.coupons-info { | |||
@@ -36,8 +39,8 @@ | |||
} | |||
.coupons-info-name { | |||
font-size: 28rpx; | |||
color: #333; | |||
font-size: 30rpx; | |||
color: #3C3C3C; | |||
letter-spacing: 0; | |||
line-height: 38rpx; | |||
} | |||
@@ -55,18 +58,22 @@ | |||
display: block; | |||
font-size: 50rpx; | |||
color: #ff4949; | |||
margin-bottom: 26rpx; | |||
} | |||
.price { | |||
font-size: 34rpx; | |||
font-size: 40rpx; | |||
font-family: PingFang-SC-Bold; | |||
font-weight: bold; | |||
color: rgba(255, 50, 50, 1); | |||
line-height: 44rpx; | |||
color: #FD782D; | |||
/* line-height: 44rpx; */ | |||
margin-left: 16rpx; | |||
padding-top: 16rpx; | |||
/* padding-top: 16rpx; */ | |||
} | |||
.rmb{ | |||
font-size: 24rpx!important; | |||
margin-right: 4rpx!important; | |||
} | |||
.tit { | |||
overflow: hidden; | |||
white-space: nowrap; | |||
@@ -106,12 +113,12 @@ | |||
.coupons-btn { | |||
position: absolute; | |||
bottom: 0; | |||
right: 0; | |||
bottom: 16rpx; | |||
right: 24rpx; | |||
} | |||
.coupons-btn-gm { | |||
border-radius: 10px 0px 5px 0px !important; | |||
border-radius: 10px!important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
font-size: 26rpx; | |||
@@ -120,7 +127,7 @@ | |||
height: 51rpx !important; | |||
width: 100rpx !important; | |||
line-height: 51rpx !important; | |||
background: #af6e34 !important; | |||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%)!important; | |||
} | |||
.coupons-btn-gms { | |||
@@ -144,6 +151,7 @@ | |||
color: #999; | |||
overflow: hidden; | |||
height: 24rpx; | |||
width: 65%; | |||
padding-left: 10rpx; | |||
line-height: 24rpx; | |||
white-space: nowrap; | |||
@@ -265,6 +273,8 @@ scroll-view { | |||
} | |||
.navigator { | |||
display: inline-block; | |||
background: #fff; | |||
border-radius: 12rpx; | |||
} | |||
.navigator:nth-of-type(2n+1) { | |||
@@ -26,16 +26,18 @@ | |||
} | |||
.i-tabs-tab-title { | |||
font-size: 30rpx; | |||
font-size: 26rpx; | |||
line-height: 30rpx; | |||
text-align: center; | |||
box-sizing: border-box; | |||
color: #3C3C3C; | |||
color: #A6A6A6; | |||
} | |||
.i-tabs-tab-title-current { | |||
color: #FD782D; | |||
color: #3C3C3C; | |||
font-size: 30rpx; | |||
font-weight: 500; | |||
font-family:PingFangSC-Medium; | |||
} | |||
.i-tabs-tab-scroll { | |||
@@ -8,7 +8,7 @@ | |||
justify-content: space-around; | |||
align-items: center; | |||
-webkit-box-align: center; | |||
background: #fff | |||
/* background: #fff */ | |||
} | |||
.i-tabs::after { | |||
@@ -2,7 +2,7 @@ | |||
.index-coupons { | |||
padding: 0 30rpx; | |||
margin-top: 40rpx; | |||
background:linear-gradient(0deg,rgba(235,235,235,1) 0%,rgba(255,255,255,0.8) 100%); | |||
/* background:linear-gradient(0deg,rgba(235,235,235,1) 0%,rgba(255,255,255,0.8) 100%); */ | |||
} | |||
.loading { | |||
text-align: center; | |||
@@ -14,7 +14,7 @@ | |||
.coupons c-coupons{ | |||
width: 335rpx; | |||
height: 354rpx; | |||
margin-bottom: 22rpx; | |||
margin-bottom: 34rpx; | |||
} | |||
.coupons c-coupons:nth-of-type(2n+1){ | |||
float: left; | |||
@@ -8,6 +8,12 @@ Page({ | |||
data: { | |||
newUrl: "", | |||
cover: "", | |||
kanjia:imgurl.kanjia.url, | |||
pintuan: imgurl.pintuan.url, | |||
xiaofeika: imgurl.xiaofeika.url, | |||
xingyun: imgurl.xingyun.url, | |||
jfshangcheng: imgurl.jfshangcheng.url, | |||
toutiao: imgurl.toutiao.url, | |||
usergift: imgurl.usergift.url, | |||
guanbi1: imgurl.guanbi1.url, | |||
icon0001: imgurl.icon0001.url, | |||
@@ -294,6 +300,32 @@ Page({ | |||
url: '/pages/czdetail/czdetail', | |||
}) | |||
}, | |||
gotoBargain: function () { | |||
wx.navigateTo({ | |||
url: '/pages/bargain/bargain', | |||
}) | |||
}, | |||
gotoSpellGroup: function () { | |||
wx.navigateTo({ | |||
url: '/pages/spellGroup/spellGroup', | |||
}) | |||
}, | |||
gotoCard: function () { | |||
wx.navigateTo({ | |||
url: '/pages/discountCardList/discountCardList', | |||
}) | |||
}, | |||
gotoGame: function () { | |||
wx.navigateTo({ | |||
url: '/pages/game/index', | |||
}) | |||
}, | |||
gotoJfsc: function () { | |||
wx.navigateTo({ | |||
url: '/pages/integralmall/index', | |||
}) | |||
}, | |||
/** | |||
* | |||
* @param {code,page} | |||
@@ -5,8 +5,10 @@ | |||
<view class='infoLeft'> | |||
<!-- 成长值 --> | |||
<view class="user-data fl" bindtap='gotoChengzhangzhi'> | |||
<!-- <open-data type="userNickName"></open-data> --> | |||
<text class='chengzhang'>{{levelName}}</text> | |||
<open-data type="userNickName"></open-data> | |||
<view class='chengzhangBox'> | |||
<text class='chengzhang'>{{levelName}}</text> | |||
</view> | |||
<view class="view"> | |||
<!-- 成长值<text class="score">{{score}}</text> --> | |||
<progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FC8B37" /> | |||
@@ -25,7 +27,6 @@ | |||
<view class="user-avatar"> | |||
<open-data class="open" type="userAvatarUrl"></open-data> | |||
</view> | |||
<!-- 二维码 --> | |||
<view class='qrcode fr' bindtap='qrcode'> | |||
<image src="{{barcode}}" class='qrcodeimg' mode='widthFix'></image> | |||
@@ -34,7 +35,36 @@ | |||
<!-- banner --> | |||
<c-banner wx:key="unique" list="{{list}}" /> | |||
<!-- 频道 --> | |||
<view></view> | |||
<view class='channelBox'> | |||
<view class='kjBox' bindtap='gotoBargain'> | |||
<image src='{{kanjia}}' mode='aspectFill'></image> | |||
<text>砍价</text> | |||
</view> | |||
<view class='kjBox' bindtap='gotoSpellGroup'> | |||
<image src='{{pintuan}}' mode='aspectFill'></image> | |||
<text>拼团</text> | |||
</view> | |||
<view class='kjBox' bindtap='gotoCard'> | |||
<image src='{{xiaofeika}}' mode='aspectFill'></image> | |||
<text>消费卡</text> | |||
</view> | |||
<view class='kjBox' bindtap='gotoGame'> | |||
<image src='{{xingyun}}' mode='aspectFill'></image> | |||
<text>幸运卡牌</text> | |||
</view> | |||
<view class='kjBox' bindtap='gotoJfsc'> | |||
<image src='{{jfshangcheng}}' mode='aspectFill'></image> | |||
<text>积分商城</text> | |||
</view> | |||
</view> | |||
<!-- 每日头条 --> | |||
<view class='toutiao'> | |||
<view class='imgBox'> | |||
<image src='{{toutiao}}' mode='aspectFill'></image> | |||
</view> | |||
<text>今日好货推荐,满1000减200元…</text> | |||
<view class='qg'><text>抢购</text></view> | |||
</view> | |||
<!-- 砍价专场 --> | |||
<c-bargain id="bargain"/> | |||
<!-- 专题 --> | |||
@@ -55,7 +55,7 @@ page { | |||
.userinfo{ | |||
position:relative; | |||
margin: 0 auto 30rpx; | |||
margin: 0 0 30rpx 40rpx; | |||
width: 690rpx; | |||
/* padding: 0 0 20rpx; */ | |||
height: 96rpx; | |||
@@ -112,15 +112,14 @@ page { | |||
bottom: 0; | |||
z-index: 1000; | |||
background: rgba(0, 0, 0, 0.6); | |||
} | |||
.qrcode image { | |||
position: absolute; | |||
/* position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
right: 20rpx; | |||
margin: auto; | |||
width: 84rpx; | |||
bottom: 0; */ | |||
margin: 15rpx 20rpx 15rpx; | |||
z-index:100; | |||
} | |||
@@ -202,9 +201,9 @@ page { | |||
margin: auto; | |||
} | |||
.user-avatar open-data { | |||
display:block; | |||
width:100%; | |||
height:100%; | |||
display:block; | |||
width:100%; | |||
height:100%; | |||
} | |||
.user-data { | |||
margin-left: 116rpx; | |||
@@ -216,10 +215,29 @@ height:100%; | |||
margin-top: 16rpx; | |||
margin-bottom: 26rpx; | |||
} | |||
.user-data open-data{ | |||
float: left; | |||
} | |||
.chengzhangBox{ | |||
width:70rpx; | |||
height:32rpx; | |||
background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
border-radius:9px 9px 9px 0px; | |||
font-family:PingFangSC-Regular; | |||
font-weight:400; | |||
color:rgba(255,255,255,1); | |||
line-height:30rpx; | |||
text-align: center; | |||
vertical-align: middle; | |||
float: left; | |||
margin-top: 8rpx; | |||
margin-left: 8rpx; | |||
} | |||
.chengzhang { | |||
font-size: 29rpx; | |||
font-size: 22rpx; | |||
font-weight: 400; | |||
color: #AF6E34; | |||
color: #FFFFFF; | |||
margin-left: 4rpx; | |||
} | |||
.integral{ | |||
margin-left: 70rpx; | |||
@@ -242,6 +260,8 @@ height:100%; | |||
font-size: 24rpx; | |||
color: #999999; | |||
line-height: 12rpx; | |||
float: left; | |||
margin-top: 10rpx; | |||
} | |||
.view>.score{ | |||
margin-left:9rpx; | |||
@@ -251,11 +271,15 @@ height:100%; | |||
font-family:PingFang-SC-Bold; | |||
} | |||
.qrcode{ | |||
width: 84rpx; | |||
height: 84rpx; | |||
width: 106rpx; | |||
height: 96rpx; | |||
background: #FFF; | |||
margin-left: 20rpx; | |||
border-radius:12rpx; | |||
} | |||
.qrcodeimg{ | |||
width: 100%; | |||
width: 68rpx!important; | |||
height: 68rpx!important; | |||
} | |||
.leftimg{ | |||
position: absolute; | |||
@@ -318,16 +342,79 @@ height:100%; | |||
} | |||
.remainchengzhangzhi{ | |||
display: block; | |||
color: #b2743d; | |||
color: #A6A6A6; | |||
font-size: 22rpx; | |||
margin-top: 5rpx; | |||
line-height: 14rpx; | |||
float: left; | |||
margin: 0 10rpx; | |||
} | |||
progress{ | |||
display:inline-block; | |||
width:222rpx; | |||
width:190rpx; | |||
border-radius:60rpx; | |||
overflow:hidden; | |||
float: left; | |||
} | |||
.channelBox{ | |||
width:688rpx; | |||
height: 220rpx; | |||
margin:0 auto; | |||
display: flex; | |||
justify-content: space-between; | |||
} | |||
.kjBox{ | |||
width: 104rpx; | |||
height: 148rpx; | |||
font-size: 24rpx; | |||
color: #A6A6A6; | |||
margin-top: 50rpx; | |||
text-align: center; | |||
} | |||
.kjBox image{ | |||
width: 104rpx; | |||
height: 104rpx; | |||
} | |||
.toutiao{ | |||
width:688rpx; | |||
height: 82rpx; | |||
line-height: 82rpx; | |||
margin:0 auto; | |||
background: #FAFBFD; | |||
box-shadow:0px 6rpx 16rpx 0px rgba(236,238,243,1); | |||
border-radius:12rpx; | |||
} | |||
.toutiao text{ | |||
font-size:26rpx; | |||
font-family:PingFangSC-Regular; | |||
font-weight:400; | |||
color:rgba(60,60,60,1); | |||
float: left; | |||
} | |||
.toutiao .imgBox{ | |||
width: 64rpx; | |||
height: 64rpx; | |||
float: left; | |||
margin:5rpx 0 5rpx 20rpx; | |||
} | |||
.toutiao image{ | |||
width: 48rpx; | |||
height: 38rpx; | |||
margin: auto; | |||
} | |||
.toutiao .qg{ | |||
width: 80rpx; | |||
height: 44rpx; | |||
line-height: 44rpx; | |||
border-radius:18rpx; | |||
border:2rpx solid #FD782D; | |||
float: right; | |||
text-align: center; | |||
margin: 20rpx 20rpx 20rpx 0; | |||
} | |||
.toutiao .qg>text{ | |||
width: 100%; | |||
font-size:24rpx; | |||
font-family:PingFangSC-Medium; | |||
font-weight:500; | |||
color:#FD782D; | |||
} |
@@ -612,5 +612,29 @@ module.exports = { | |||
'gray': { | |||
'url': baseUrl + "gray.png", | |||
'name': '积分商城' | |||
} | |||
}, | |||
'kanjia': { | |||
'url': baseUrl + "kanjia.png", | |||
'name': '砍价' | |||
}, | |||
'pintuan': { | |||
'url': baseUrl + "pintuan.png", | |||
'name': '拼团' | |||
}, | |||
'xiaofeika': { | |||
'url': baseUrl + "xiaofeika.png", | |||
'name': '消费卡' | |||
}, | |||
'xingyun': { | |||
'url': baseUrl + "xingyunkapai.png", | |||
'name': '幸运卡牌' | |||
}, | |||
'jfshangcheng': { | |||
'url': baseUrl + "jifenshangcheng.png", | |||
'name': '积分商城' | |||
}, | |||
'toutiao': { | |||
'url': baseUrl + "toutiao.png", | |||
'name': '' | |||
}, | |||
} |