@@ -1,4 +1,4 @@ | |||
<navigator style='display:inline' url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}&title={{data.title}}"> | |||
<navigator url="/pages/coupon/detail/index?couponChannelId={{data.id}}&couponId={{data.couponId}}&title={{data.title}}"> | |||
<!-- 首页优惠券列表页面 --> | |||
<view class="coupons"> | |||
<view class="coupons-img"> | |||
@@ -9,7 +9,7 @@ | |||
<view class="coupons-info-name subtitle">{{data.subTitle}}</view> | |||
<view class="coupons-info-price-p"> | |||
<view class='price'> | |||
<text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;">元</text></text> | |||
<text>{{data.salePriceStr}}<text style="font-size:24rpx;display:inline-block;margin-right:10rpx;font-weight:400;">元</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 wx:if="{{data.unit==1}}">{{data.priceStr}}小时</view> | |||
@@ -34,4 +34,4 @@ | |||
</view> | |||
<!-- <view class="coupons-info-name sy">剩余{{data.remainInventory}}</view> --> | |||
</view> | |||
</navigator> | |||
</navigator> |
@@ -1,15 +1,12 @@ | |||
@import "../../app.wxss"; | |||
.coupons { | |||
width: 40%; | |||
height: 492rpx; | |||
width: 335rpx; | |||
display: inline-block; | |||
padding: 10rpx 30rpx; | |||
position: relative; | |||
} | |||
.coupons-border { | |||
height: 1rpx; | |||
/* width: 100%; */ | |||
left: 30rpx; | |||
right: 30rpx; | |||
background: #f5f5f5; | |||
@@ -19,31 +16,27 @@ | |||
.coupons-img { | |||
width: 180rpx; | |||
height: 180rpx; | |||
border: 1px solid #f8f8f8; | |||
border-radius: 10rpx; | |||
} | |||
.coupons-img image { | |||
display: block; | |||
width: 334rpx; | |||
height: 335rpx; | |||
width: 335rpx; | |||
height: 203rpx; | |||
border-top-left-radius: 10rpx; | |||
border-top-right-radius: 10rpx; | |||
} | |||
.coupons-info { | |||
width: 335rpx; | |||
height: 157rpx; | |||
position: absolute; | |||
bottom: 10rpx; | |||
background: #fff; | |||
height: 152rpx; | |||
border-radius:0rpx 0rpx 10rpx 10rpx; | |||
background: #fff; | |||
} | |||
.coupons-info-name { | |||
font-size: 28rpx; | |||
font-weight: bold; | |||
color: #343434; | |||
color: #333333; | |||
letter-spacing: 0; | |||
line-height: 38rpx; | |||
} | |||
@@ -61,30 +54,26 @@ | |||
display: block; | |||
font-size: 50rpx; | |||
color: #FF4949; | |||
position: absolute; | |||
bottom: 10rpx; | |||
} | |||
.price{ | |||
/* width:48rpx; | |||
height:26rpx; */ | |||
font-size:34rpx; | |||
font-family:PingFang-SC-Bold; | |||
font-weight:bold; | |||
color:rgba(255,50,50,1); | |||
line-height:44rpx; | |||
margin-left: 16rpx; | |||
font-size:34rpx; | |||
font-family:PingFang-SC-Bold; | |||
font-weight:bold; | |||
color:rgba(255,50,50,1); | |||
line-height:44rpx; | |||
margin-left: 16rpx; | |||
padding-top: 16rpx; | |||
} | |||
.tit { | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
width: 300rpx; | |||
height: 42rpx; | |||
font-size: 30rpx; | |||
color: #000; | |||
font-size: 28rpx; | |||
line-height: 30rpx; | |||
padding-top: 20rpx; | |||
padding-left: 10rpx; | |||
color: #333; | |||
letter-spacing: 0; | |||
font-family: PingFangSC-Medium; | |||
margin: 20rpx 18rpx 13rpx 16rpx; | |||
} | |||
.coupons-info-price-o { | |||
@@ -114,7 +103,7 @@ margin-left: 16rpx; | |||
.coupons-btn { | |||
position: absolute; | |||
bottom: 10rpx; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
@@ -123,9 +112,7 @@ margin-left: 16rpx; | |||
border-radius: 10px 0px 5px 0px !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
font-family: PingFangSC-Semibold; | |||
font-size: 26rpx; | |||
font-weight: 400; | |||
color: #fff !important; | |||
letter-spacing: 0; | |||
height: 51rpx !important; | |||
@@ -151,16 +138,14 @@ margin-left: 16rpx; | |||
.subtitle { | |||
font-size: 24rpx; | |||
color: #919191; | |||
color: #999999; | |||
overflow: hidden; | |||
height: 24rpx; | |||
padding-left: 10rpx; | |||
line-height: 24rpx; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
width: 300rpx; | |||
height: 23rpx; | |||
line-height: 23rpx; | |||
font-weight:lighter; | |||
margin-bottom: 18rpx; | |||
margin: 0 37rpx 20rpx 18rpx; | |||
margin-top: 12rpx; | |||
} | |||
.coupons-info-manjian { | |||
@@ -266,3 +251,9 @@ scroll-view { | |||
opacity: 1!important; | |||
background: #fff; | |||
} | |||
navigator{ | |||
display: inline-block; | |||
} | |||
navigator:nth-of-type(2n+1){ | |||
margin-right: 10rpx; | |||
} |
@@ -34,7 +34,7 @@ var config = { | |||
/** | |||
* 业态查询 | |||
*/ | |||
businessList: "/wxBusiness/list", | |||
businessList: "/wxBusiness/listAll", | |||
/** | |||
* 频道查询 | |||
*/ | |||
@@ -21,23 +21,26 @@ | |||
position: absolute; | |||
bottom: 0; | |||
left: 25%; | |||
background: #00C0FF; | |||
background: #af6e34; | |||
border-radius: 100px; | |||
} | |||
.i-tabs-tab-title { | |||
font-size: 28rpx; | |||
font-size: 30rpx; | |||
line-height: 30rpx; | |||
text-align: center; | |||
box-sizing: border-box; | |||
color: #222222; | |||
color: #666666; | |||
} | |||
.i-tabs-tab-title-current { | |||
color: #00C0FF; | |||
color: #af6e34; | |||
font-size: 36rpx; | |||
} | |||
.i-tabs-tab-scroll { | |||
display: inline-block; | |||
width: auto; | |||
min-width: 70px; | |||
min-width:75rpx; | |||
margin-right:33rpx; | |||
} |
@@ -22,16 +22,17 @@ | |||
transform-origin: 0 0; | |||
pointer-events: none; | |||
box-sizing: border-box; | |||
border: 0 solid #e9eaec; | |||
/* border: 0 solid #e9eaec; */ | |||
border-bottom-width: 1px | |||
} | |||
.i-tabs-scroll { | |||
display: block; | |||
overflow-x: auto; | |||
margin-bottom: 22rpx; | |||
white-space: nowrap; | |||
/* box-shadow:0 0 2px 0 rgba(211,211,211,0.50); */ | |||
border-bottom: 1rpx solid #eeeeee; | |||
/* border-bottom: 1rpx solid #eeeeee; */ | |||
} | |||
.i-tabs-fixed { | |||
@@ -4,7 +4,7 @@ | |||
"ext": { | |||
"weappId": "wxea71200db93d756b", | |||
"name": "富茂客官开发", | |||
"appVersion": "C.4.2.100", | |||
"appVersion": "C.4.2.105", | |||
"attr": { | |||
"configUrl": "https://ciformall.youlane.cn/C/api", | |||
"socketUrl": "wss://mp.youlane.cn/W/ws", | |||
@@ -47,17 +47,12 @@ Page({ | |||
onShow: function () { | |||
let that = this; | |||
Http.get({ | |||
url: config.api.businessList, | |||
data: { | |||
pageNum: 1, | |||
pageSize: 15, | |||
type: 1 | |||
} | |||
url: config.api.businessList | |||
}).then(res => { | |||
console.log(res) | |||
let businessObj = [{ id: 0, title: "全部", type: 1 }]; | |||
let businessObj = [{ id: 0, title: "全部", type: 1, createDate: 0}]; | |||
that.setData({ | |||
tabs: res.data.list.concat(businessObj).sort(compare("id")) | |||
tabs: res.data.list.concat(businessObj).sort(compare("createDate")) | |||
}); | |||
console.log(that.data.tabs) | |||
}) | |||
@@ -1,9 +1,11 @@ | |||
<!-- 折扣卡list页面 --> | |||
<view class='content'> | |||
<view class="market clearfix"> | |||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||
<i-tab wx:for="{{tabData}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||
</i-tabs> | |||
<view class='tabss'> | |||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||
<i-tab wx:for="{{tabData}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||
</i-tabs> | |||
</view> | |||
<view class='cards clearfix'> | |||
<view class="nocoupon" wx:if="{{list.length==0}}"> | |||
<image src="{{couponUrl}}" mode="aspectFill" lazy-load="true" /> | |||
@@ -242,3 +242,6 @@ button::after{ border: none; } | |||
width: 60rpx; | |||
height: 60rpx; | |||
} | |||
.tabss{ | |||
padding: 0 30rpx; | |||
} |
@@ -56,16 +56,11 @@ Page({ | |||
let that = this; | |||
Http.get({ | |||
url: config.api.businessList, | |||
data: { | |||
pageNum: 1, | |||
pageSize: 15, | |||
type: 1 | |||
} | |||
}).then(res => { | |||
console.log(res) | |||
let businessObj = [{ id: 0, title: "全部", type: 1 }]; | |||
let businessObj = [{ id: 0, title: "全部", type: 1, createDate:0}]; | |||
that.setData({ | |||
lists: res.data.list.concat(businessObj).sort(compare("id")) | |||
lists: res.data.list.concat(businessObj).sort(compare("createDate")) | |||
}); | |||
console.log(that.data.lists); | |||
}) | |||
@@ -1,16 +1,17 @@ | |||
<view class="index-rushToBuy" wx:if="{{list.length>0}}"> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"> | |||
<image src="{{barginicon}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>砍价</text>专场<text bindtap="gotomore" class='morebargin'>更多砍价></text></view> | |||
<image src="{{barginicon}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>砍价</text>专场<text bindtap="gotomore" class='morebargin'>更多砍价></text> | |||
</view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-price"><text class="commodity-info-price-p">可砍至{{item.salePriceStr}}元</text> | |||
<view class="commodity-info-price"><text class="commodity-info-price-p">{{item.salePriceStr}}元</text><text class='price'>{{item.priceStr}}元</text> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
</view> | |||
</view> |
@@ -1,10 +1,10 @@ | |||
.index-rushToBuy { | |||
width: 690rpx; | |||
margin: 30rpx auto; | |||
font-family: PingFangSC-Semibold; | |||
border:1rpx solid rgba(56, 56, 56, 0.11); | |||
box-shadow:6rpx 6rpx 8rpx 1rpx rgba(56,56,56,0.08); | |||
border-radius:16rpx; | |||
width: 690rpx; | |||
margin: 40rpx auto; | |||
padding: 20rpx 0 0; | |||
font-family: PingFangSC-Semibold; | |||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | |||
border-radius:16rpx; | |||
} | |||
.index-rushToBuy-title { | |||
@@ -13,18 +13,19 @@ border-radius:16rpx; | |||
font-weight:bold; | |||
color: #333333; | |||
letter-spacing: 1.16rpx; | |||
padding-left: 30rpx; | |||
padding-left: 20rpx; | |||
line-height: 34rpx; | |||
} | |||
.useprice{ | |||
font-size: 28rpx; | |||
} | |||
.morebargin{ | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #999999; | |||
font-size: 24rpx; | |||
margin-top: 8rpx; | |||
font-weight: normal; | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #999999; | |||
font-size: 24rpx; | |||
line-height: 24rpx; | |||
font-weight: normal; | |||
} | |||
.listimage{ | |||
position: absolute; | |||
@@ -35,32 +36,27 @@ border-radius:16rpx; | |||
.index-scroll-view { | |||
width: 100%; | |||
white-space: nowrap; | |||
padding-bottom: 10rpx; | |||
/* background:linear-gradient(94deg,rgba(255,143,0,1) 0%,rgba(255,87,0,1) 100%); */ | |||
} | |||
.index-scroll-view .commodity { | |||
display: inline-block; | |||
margin: 16rpx 30rpx 16rpx; | |||
margin-right: 0; | |||
position: relative; | |||
background: #fff; | |||
padding: 12rpx 12rpx 0; | |||
/* border: 1rpx solid #dddee1; */ | |||
width: 205rpx; | |||
box-shadow: 0 0 10px 0 rgba(211,211,211,0.30); | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
display: inline-block; | |||
width: 285rpx; | |||
margin: 20rpx 0 0 13rpx; | |||
position: relative; | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity:last-child{ | |||
margin-right: 30rpx; | |||
margin-right: 15rpx; | |||
} | |||
.index-scroll-view .commodity:nth-of-type(1){ | |||
margin-left: 14rpx; | |||
} | |||
.commodity-img{ | |||
display: block; | |||
width: 205rpx; | |||
height: 160rpx; | |||
width: 285rpx; | |||
height: 166rpx; | |||
background:rgba(255,255,255,1); | |||
border-radius:10rpx; | |||
border-radius:16rpx; | |||
} | |||
.index-scroll-view .commodity-info { | |||
@@ -69,12 +65,14 @@ border-radius:16rpx; | |||
} | |||
.index-scroll-view .commodity-info-name { | |||
width: 285rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
font-size: 24rpx; | |||
color: #000000; | |||
letter-spacing: 0.7rpx; | |||
overflow: hidden; | |||
font-size: 28rpx; | |||
line-height: 30rpx; | |||
margin-top: 16rpx; | |||
color: #333333; | |||
} | |||
.index-scroll-view .commodity-info-time { | |||
@@ -85,9 +83,13 @@ border-radius:16rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-p { | |||
font-size: 24rpx; | |||
font-size: 28rpx; | |||
color: #f96563; | |||
line-height: 36rpx; | |||
line-height: 30rpx; | |||
} | |||
.commodity-info-price{ | |||
margin-top: 10rpx; | |||
line-height: 30rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-o { | |||
display: inline-block; | |||
@@ -98,18 +100,21 @@ border-radius:16rpx; | |||
text-decoration:line-through; | |||
line-height: 36rpx; | |||
} | |||
.commodity-info-price{ | |||
line-height: 36rpx; | |||
} | |||
.barginicon{ | |||
width: 24rpx; | |||
height: 22rpx; | |||
} | |||
.barginiconimg{ | |||
width: 24rpx; | |||
height: 22rpx; | |||
margin-right: 2rpx; | |||
width: 26rpx; | |||
height: 23rpx; | |||
margin-right: 6rpx; | |||
} | |||
.text-red{ | |||
color:#F12643; | |||
} | |||
.price{ | |||
font-size: 24rpx; | |||
color: #999; | |||
text-decoration: line-through; | |||
margin-left: 10rpx; | |||
} |
@@ -183,17 +183,12 @@ Component({ | |||
Http.setToken(token); | |||
// business获取 | |||
Http.get({ | |||
url: config.api.businessList, | |||
data: { | |||
pageNum: 1, | |||
pageSize: 15, | |||
type: 1 | |||
} | |||
url: config.api.businessList | |||
}).then(res => { | |||
console.log(res) | |||
let businessObj = [{id:0,title: "全部",type: 1}]; | |||
let businessObj = [{ id: 0, title: "全部", type: 1, createDate:0}]; | |||
that.setData({ | |||
tabs: res.data.list.concat(businessObj).sort(compare("id")) | |||
tabs: res.data.concat(businessObj).sort(compare("createDate")) | |||
}); | |||
console.log(that.data.tabs) | |||
}) | |||
@@ -2,7 +2,9 @@ | |||
<i-tabs current="{{current_scroll}}" scroll bindchange="handleChangeScroll"> | |||
<i-tab wx:for="{{tabs}}" wx:key="unique" key="{{item.id}}" title="{{item.title}}"></i-tab> | |||
</i-tabs> | |||
<c-coupons wx:if="{{list.length!=0}}" wx:for="{{list}}" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{list}}" /> | |||
<view class='coupons clearfix'> | |||
<c-coupons wx:if="{{list.length!=0}}" wx:for="{{list}}" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{list}}" /> | |||
</view> | |||
<view class='dingdan' wx:if="{{list.length==0}}"> | |||
<image src="{{actUrl}}" mode="widthFix"></image> | |||
<text>请您敬请期待</text> | |||
@@ -1,9 +1,8 @@ | |||
@import "../../../app.wxss"; | |||
.index-coupons { | |||
/* height: 820rpx; */ | |||
/* margin-top: 30rpx; */ | |||
background:linear-gradient(0deg,rgba(235,235,235,1) 0%,rgba(255,255,255,1) 100%); | |||
padding: 0 30rpx; | |||
background:linear-gradient(0deg,rgba(235,235,235,1) 0%,rgba(255,255,255,0.8) 100%); | |||
} | |||
.loading { | |||
text-align: center; | |||
height: 80rpx; | |||
@@ -11,7 +10,17 @@ | |||
font-size: 26rpx; | |||
color: #999; | |||
} | |||
.coupons c-coupons{ | |||
width: 335rpx; | |||
height: 354rpx; | |||
margin-bottom: 22rpx; | |||
} | |||
.coupons c-coupons:nth-of-type(2n+1){ | |||
float: left; | |||
} | |||
.coupons c-coupons:nth-of-type(2n){ | |||
float: right; | |||
} | |||
.loading image { | |||
width: 60rpx; | |||
height: 60rpx; | |||
@@ -19,9 +28,9 @@ | |||
margin-right: 10rpx; | |||
} | |||
.dingdan { | |||
/* .dingdan { | |||
margin-top: 33rpx; | |||
} | |||
} */ | |||
.dingdan text:nth-of-type(1) { | |||
display: block; | |||
@@ -1,21 +1,28 @@ | |||
<view class="container"> | |||
<c-banner wx:key="unique" list="{{list}}" /> | |||
<!-- 会员信息 --> | |||
<view class='userinfo' > | |||
<view class="user-avatar"> | |||
<view class='userinfo clearfix' > | |||
<!-- 头像 --> | |||
<view class="user-avatar"> | |||
<open-data class="open" type="userAvatarUrl"></open-data> | |||
</view> | |||
<view class="user-data"> | |||
<open-data type="userNickName"></open-data> | |||
<!-- 成长值 --> | |||
<view class="user-data fl"> | |||
<!-- <open-data type="userNickName"></open-data> --> | |||
<text class='chengzhang'>{{levelName}}</text> | |||
<text class='jifen'>积分</text> | |||
<text class='jifenNumber'>5000</text> | |||
<view class="view">成长值<text class="score">{{score}}</text> | |||
<image src="{{duihuan}}" class='duihuanimg' bindtap='gotouser' mode='widthFix'></image> | |||
<view class="view">成长值<text class="score">{{score}}</text></view> | |||
</view> | |||
<!-- 积分 --> | |||
<view class='fl integral'> | |||
<view class='clearfix'> | |||
<text class='jifen fl'>积分</text> | |||
<text class='jifenNumber fl'>5000</text> | |||
</view> | |||
<image src="{{duihuan}}" class='duihuanimg' bindtap='gotouser' mode='widthFix'></image> | |||
</view> | |||
<view class='barcode' bindtap='qrcode'> | |||
<image src="{{barcode}}" class='barcodeimg' mode='widthFix'></image> | |||
<!-- 二维码 --> | |||
<view class='qrcode fr' bindtap='qrcode'> | |||
<image src="{{barcode}}" class='qrcodeimg' mode='widthFix'></image> | |||
</view> | |||
</view> | |||
@@ -36,7 +43,7 @@ | |||
</view> | |||
<!-- 限时抢购和消费卡 --> | |||
<c-rushtobyCard id="rushtobyCard"/> | |||
<c-coupons id="lists" bind:myevent="onGetCode" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | |||
<c-coupons id="lists" bind:myevent="onGetCode" class="business" loadingtext="{{loadingtext}}" loading="{{loading}}" /> | |||
<g-entry id="listss" wx:if="{{showGame&&!played&&!havePlayEd}}" gamedata="{{gamedata}}" bind:myevent="" /> | |||
</view> | |||
<view class='showQrcode' bindtap='hideQrcode' wx:if="{{showQrcode}}"> | |||
@@ -45,7 +52,6 @@ | |||
<canvas canvas-id="mycanvas2" id='mycanvas2' /> | |||
<button class='button' bindtap='mySpecial'>特享礼遇</button> | |||
</view> | |||
</view> | |||
<!-- 顶部签到成长值 --> | |||
<view class='signin' wx:if="{{fistLogin}}" animation="{{alphaData}}"> | |||
@@ -55,11 +55,11 @@ page { | |||
position:relative; | |||
margin: 30rpx auto 35rpx; | |||
width: 690rpx; | |||
height: 124rpx; | |||
background:rgba(255,255,255,1); | |||
border:1rpx solid rgba(56, 56, 56, 0.11); | |||
box-shadow:0rpx 6rpx 8rpx 1rpx rgba(56,56,56,0.08); | |||
border-radius:16rpx; | |||
padding: 20rpx 0; | |||
height: 84rpx; | |||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | |||
border-radius:16rpx; | |||
} | |||
.section { | |||
padding: 0 20rpx; | |||
@@ -109,8 +109,12 @@ border-radius:16rpx; | |||
} | |||
.qrcode image { | |||
width: 70rpx; | |||
margin-right: 20rpx; | |||
position: absolute; | |||
top: 0; | |||
bottom: 0; | |||
right: 20rpx; | |||
margin: auto; | |||
width: 84rpx; | |||
} | |||
.showQrcode { | |||
@@ -138,7 +142,7 @@ border-radius:16rpx; | |||
} | |||
.showQrcode text { | |||
display: block; | |||
display: none; | |||
text-align: center; | |||
font-size: 28rpx; | |||
} | |||
@@ -182,10 +186,10 @@ border-radius:16rpx; | |||
.user-avatar { | |||
position: absolute; | |||
left: 24rpx; | |||
top:7rpx; | |||
top:0; | |||
bottom: 0; | |||
width: 66rpx; | |||
height: 66rpx; | |||
width: 80rpx; | |||
height: 80rpx; | |||
border-radius: 50%; | |||
overflow: hidden; | |||
margin: auto; | |||
@@ -196,34 +200,38 @@ width:100%; | |||
height:100%; | |||
} | |||
.user-data { | |||
font-family: PingFangSC-Regular; | |||
margin-left: 116rpx; | |||
letter-spacing: 0.64rpx; | |||
line-height: 44rpx; | |||
margin-top: 15rpx; | |||
font-size: 30rpx; | |||
color: #333; | |||
font-weight: bold; | |||
} | |||
.chengzhang { | |||
font-size: 24rpx; | |||
font-size: 29rpx; | |||
font-weight: 400; | |||
color: #AF6E34; | |||
margin-left:9rpx; | |||
} | |||
.jifen{ | |||
.integral{ | |||
margin-left: 70rpx; | |||
} | |||
.jifen{ | |||
display: inline-block; | |||
height: 34rpx; | |||
color: #999999; | |||
font-size: 23rpx; | |||
font-size:24rpx; | |||
line-height: 34rpx; | |||
} | |||
.jifenNumber{ | |||
color:#D18B4C; | |||
font-size: 34rpx; | |||
line-height: 34rpx; | |||
margin-left: 10rpx; | |||
font-weight: bold; | |||
} | |||
.view { | |||
font-size: 24rpx; | |||
color: #999999; | |||
line-height: 24rpx; | |||
} | |||
.view>.score{ | |||
margin-left:9rpx; | |||
@@ -232,29 +240,29 @@ height:100%; | |||
margin-right:23rpx; | |||
font-family:PingFang-SC-Bold; | |||
} | |||
.barcodeimg{ | |||
position: absolute; | |||
right: 21rpx; | |||
top: 23rpx; | |||
.qrcode{ | |||
width: 84rpx; | |||
height: 84rpx; | |||
} | |||
.duihuanimg{ | |||
width: 86rpx; | |||
height: 63rpx; | |||
right:190rpx; | |||
position:absolute; | |||
top: 60rpx; | |||
.qrcodeimg{ | |||
width: 100%; | |||
} | |||
.leftimg{ | |||
position: absolute; | |||
position: absolute; | |||
right: 40rpx; | |||
top: 60rpx; | |||
margin-top: -7rpx; | |||
width: 14rpx; | |||
height: 26rpx; | |||
} | |||
.duihuanimg{ | |||
display: block; | |||
width: 85rpx; | |||
height: 61rpx; | |||
margin-top: 6rpx; | |||
} | |||
.product{ | |||
height: 135rpx; | |||
padding: 0 30rpx; | |||
margin-bottom: 30rpx; | |||
} | |||
@@ -295,4 +303,7 @@ position:absolute; | |||
text-indent: 4em; | |||
border-radius:60rpx; | |||
margin-top: 7rpx; | |||
} | |||
.business{ | |||
margin-top: 40rpx; | |||
} |
@@ -23,7 +23,6 @@ Component({ | |||
* 组件的方法列表 | |||
*/ | |||
methods: { | |||
rushtobuy: function (e) { | |||
wx.navigateTo({ | |||
url: `/pages/coupon/detail/index?couponChannelId=${ | |||
@@ -31,7 +30,16 @@ Component({ | |||
}&couponId=${e.currentTarget.dataset.couponid}` | |||
}) | |||
}, | |||
gotoRushList:function(){ | |||
wx.navigateTo({ | |||
url: '/pages/rushToBuy/index', | |||
}) | |||
}, | |||
gotoCardList:function(){ | |||
wx.navigateTo({ | |||
url: '/pages/discountCardList/discountCardList', | |||
}) | |||
}, | |||
gotodiscountCardList: function (e) { | |||
wx.navigateTo({ | |||
url: `/pages/coupon/detail/index?couponChannelId=${e.currentTarget.dataset.quancode}&couponId=${e.currentTarget.dataset.couponid}&cardType=${e.currentTarget.dataset.type}` | |||
@@ -1,40 +1,44 @@ | |||
<view class="index-rushToBuy" wx:if="{{list.length>0}}"> | |||
<view class='clearfix rushtobuyimgs'> | |||
<!-- 限时抢购 --> | |||
<view wx:if="{{list.length!=0}}"> | |||
<text class='xianshi'>限时</text><text class='qianggou'>秒杀</text> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="rushtobuy" data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" > | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class="commodity-info-price-p">{{item.salePriceStr}}元</text> | |||
<text class="commodity-info-price-o">{{item.priceStr}}元</text> | |||
<view class='clearfix rushtobuyimgs'> | |||
<!-- 限时抢购 --> | |||
<view wx:if="{{list.length!=0}}" class='fl' style='padding:0 10rpx 10rpx;'> | |||
<view class='clearfix title'> | |||
<text class='qianggou fl'>限时</text> | |||
<text class='xianshi fl'>秒杀</text> | |||
<text class='more' bindtap='gotoRushList'>更多></text> | |||
</view> | |||
<view class="commodity"> | |||
<view bindtap="rushtobuy" data-couponId="{{list[0].couponId}}" data-couponChannelId="{{list[0].id}}" data-targetAd="{{list[0].targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{list[0].coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{list[0].title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class="commodity-info-price-p">{{list[0].salePriceStr}}元</text> | |||
<text class="commodity-info-price-o">{{list[0].priceStr}}元</text> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
<!-- 消费卡列表 --> | |||
<view wx:if="{{cardlist.length!=0}}" class='fr' style='padding:0 13rpx 10rpx;'> | |||
<view class='clearfix title'> | |||
<text class='qianggou fl'>消费</text> | |||
<text class='xianshi fl'>卡</text> | |||
<text class='more' bindtap='gotoCardList'>更多></text> | |||
</view> | |||
<!-- 消费卡列表 --> | |||
<view wx:if="{{cardlist.length!=0}}"> | |||
<text class='xiaofei'>消费</text> <text class='ka'>卡</text><text class='subtitle'>好物提前购</text> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{cardlist}}" wx:key="unique"> | |||
<view bindtap="gotodiscountCardList" data-couponId='{{item.couponId}}' data-type="{{item.type}}" data-quancode="{{item.id}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class="commodity-info-price-p">{{item.salePriceStr}}元</text> | |||
<text class="commodity-info-price-o">{{item.priceStr}}元</text> | |||
<view class="commodity"> | |||
<view bindtap="gotodiscountCardList" data-couponId='{{cardlist[0].couponId}}' data-type="{{cardlist[0].type}}" data-quancode="{{cardlist[0].id}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{cardlist[0].coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{cardlist[0].title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class="commodity-info-price-p">{{cardlist[0].salePriceStr}}元</text> | |||
<text class="commodity-info-price-o">{{cardlist[0].priceStr}}元</text> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> | |||
</scroll-view> | |||
</view> | |||
</view> | |||
</view> | |||
</view> |
@@ -1,25 +1,33 @@ | |||
@import "../../../app.wxss"; | |||
.rushtobuyimgs>view{ | |||
width: 48%; | |||
display: inline-block; | |||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | |||
border-radius:16rpx; | |||
} | |||
.rushtobuyimgs{ | |||
padding: 0 30rpx; | |||
margin-bottom: 40rpx; | |||
} | |||
.rushtobuyimgs>view>text{ | |||
font-size:34rpx; | |||
font-weight: bold; | |||
} | |||
.xianshi{ | |||
color: #F12643; | |||
padding-left:30rpx; | |||
font-weight: bold; | |||
font-size:34rpx; | |||
line-height: 34rpx; | |||
} | |||
.qianggou{ | |||
color: #3D3737; | |||
font-weight: bold; | |||
font-size: 34rpx; | |||
line-height: 34rpx; | |||
} | |||
.xiaofei{ | |||
color: #3D3737; | |||
padding-left:30rpx; | |||
} | |||
.ka{ | |||
color: #ED734A | |||
font-size: 34rpx; | |||
} | |||
.subtitle{ | |||
font-size:28rpx !important; | |||
@@ -64,13 +72,11 @@ | |||
.index-scroll-view .commodity { | |||
display: inline-block; | |||
margin: 16rpx 30rpx 16rpx; | |||
margin: 20rpx 0 16rpx; | |||
margin-right: 0; | |||
position: relative; | |||
background: #fff; | |||
/* border: 1rpx solid #dddee1; */ | |||
width: 334rpx; | |||
/* box-shadow: 0 0 10px 0 rgba(211,211,211,0.30); */ | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
} | |||
@@ -79,10 +85,10 @@ | |||
} | |||
.commodity-img{ | |||
display: block; | |||
width: 335rpx; | |||
height: 200rpx; | |||
border-radius: 10rpx; | |||
border: 1px solid #ebeced; | |||
width: 314rpx; | |||
height: 174rpx; | |||
border-radius: 16rpx; | |||
border:1rpx solid #f5f5f5; | |||
} | |||
.index-scroll-view .commodity-info { | |||
@@ -90,18 +96,18 @@ | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity-info-name { | |||
.commodity-info-name { | |||
font-size: 28rpx; | |||
line-height: 28rpx; | |||
color: #333; | |||
letter-spacing: 0.7rpx; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
overflow: hidden; | |||
width:248px; | |||
font-weight: bold; | |||
width:318rpx; | |||
padding:16rpx 0; | |||
} | |||
.index-scroll-view .commodity-info-time { | |||
.commodity-info-time { | |||
font-size: 28rpx; | |||
color: #B4B4B4; | |||
letter-spacing: 0.7rpx; | |||
@@ -109,13 +115,13 @@ | |||
font-weight: 500; | |||
} | |||
.index-scroll-view .commodity-info-price-p { | |||
.commodity-info-price-p { | |||
font-size: 28rpx; | |||
color: #FF3232; | |||
line-height: 36rpx; | |||
font-weight:500; | |||
} | |||
.index-scroll-view .commodity-info-price-o { | |||
.commodity-info-price-o { | |||
display: inline-block; | |||
padding-left: 20rpx; | |||
font-size: 24rpx; | |||
@@ -135,4 +141,14 @@ | |||
.realRemainingTime { | |||
color: #ff4949; | |||
font-size: 28rpx; | |||
} | |||
.more{ | |||
float: right; | |||
line-height: 34rpx; | |||
color: #999999; | |||
font-size: 24rpx; | |||
font-weight: normal; | |||
} | |||
.title{ | |||
padding: 20rpx 0; | |||
} |
@@ -1,15 +1,14 @@ | |||
<view class="index-rushToBuy" wx:if="{{list.length>0}}"> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"><image src="{{pintuan}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>拼团</text>专场<text bindtap="gotomore" class='moregroup'>更多拼团></text></view> | |||
<view wx:if="{{list.length!=0}}" class="index-rushToBuy-title"> | |||
<image src="{{pintuan}}" class='barginiconimg' mode='widthFix'/><text class='text-red'>拼团</text>专场<text bindtap="gotomore" class='morebargin'>更多拼团></text> | |||
</view> | |||
<scroll-view scroll-x class="index-scroll-view"> | |||
<view class="commodity" wx:for="{{list}}" wx:key="unique"> | |||
<view bindtap="gotodetail" data-couponChannelId="{{item.id}}" data-couponId="{{item.couponId}}" data-targetAd="{{item.targetAd}}"> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<image mode='aspectFill' lazy-load='true' class="commodity-img" src="{{item.coverImg}}" /> | |||
<view class="commodity-info"> | |||
<view class="commodity-info-name">{{item.title}}</view> | |||
<view class="commodity-info-price"> | |||
<text class="commodity-info-price-p">{{item.salePriceStr}}元</text> | |||
<text class="commodity-info-price-o">{{item.priceStr}}元</text> | |||
</view> | |||
<view class="commodity-info-price"><text class="commodity-info-price-p">{{item.salePriceStr}}元</text><text class='price'>{{item.priceStr}}元</text></view> | |||
</view> | |||
</view> | |||
</view> | |||
@@ -1,57 +1,62 @@ | |||
.index-rushToBuy { | |||
width: 100%; | |||
font-family: PingFangSC-Semibold; | |||
width: 690rpx; | |||
margin: 40rpx auto; | |||
padding: 20rpx 0 0; | |||
font-family: PingFangSC-Semibold; | |||
box-shadow:0 0 10px 0 rgba(211,211,211,0.50); | |||
border-radius:16rpx; | |||
} | |||
.index-rushToBuy-title { | |||
position: relative; | |||
font-size: 34rpx; | |||
color: #000000; | |||
font-weight:bold; | |||
color: #333333; | |||
letter-spacing: 1.16rpx; | |||
padding-top: 0; | |||
padding-left: 30rpx; | |||
font-weight: bold; | |||
} | |||
.moregroup{ | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #999999; | |||
font-size: 24rpx; | |||
margin-top: 8rpx; | |||
font-weight: normal; | |||
padding-left: 20rpx; | |||
line-height: 34rpx; | |||
} | |||
.useprice{ | |||
font-size: 28rpx; | |||
} | |||
.morebargin{ | |||
float: right; | |||
margin-right: 20rpx; | |||
color: #999999; | |||
font-size: 24rpx; | |||
line-height: 24rpx; | |||
font-weight: normal; | |||
} | |||
.listimage{ | |||
position: absolute; | |||
right: 18rpx; | |||
width: 20px; | |||
top: 40rpx; | |||
top: 28rpx; | |||
} | |||
.index-scroll-view { | |||
width: 100%; | |||
white-space: nowrap; | |||
} | |||
.index-scroll-view .commodity { | |||
display: inline-block; | |||
margin: 16rpx 30rpx 16rpx; | |||
margin-right: 0; | |||
position: relative; | |||
background: #fff; | |||
/* border: 1rpx solid #dddee1; */ | |||
width: 334rpx; | |||
/* box-shadow: 0 0 10px 0 rgba(211,211,211,0.30); */ | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
display: inline-block; | |||
width: 285rpx; | |||
margin: 20rpx 0 0 13rpx; | |||
position: relative; | |||
border-radius: 10rpx; | |||
overflow: hidden; | |||
} | |||
.index-scroll-view .commodity:last-child{ | |||
margin-right: 30rpx; | |||
margin-right: 15rpx; | |||
} | |||
.index-scroll-view .commodity:nth-of-type(1){ | |||
margin-left: 14rpx; | |||
} | |||
.commodity-img{ | |||
display: block; | |||
width: 329rpx; | |||
height: 200rpx; | |||
border-radius: 10rpx; | |||
border: 1px solid #ebeced; | |||
width: 285rpx; | |||
height: 166rpx; | |||
background:rgba(255,255,255,1); | |||
border-radius:16rpx; | |||
} | |||
.index-scroll-view .commodity-info { | |||
@@ -60,13 +65,14 @@ | |||
} | |||
.index-scroll-view .commodity-info-name { | |||
font-size: 24rpx; | |||
color: #000000; | |||
letter-spacing: 0.7rpx; | |||
width: 285rpx; | |||
overflow: hidden; | |||
white-space: nowrap; | |||
text-overflow: ellipsis; | |||
overflow: hidden; | |||
width:167px; | |||
font-size: 28rpx; | |||
line-height: 30rpx; | |||
margin-top: 16rpx; | |||
color: #333333; | |||
} | |||
.index-scroll-view .commodity-info-time { | |||
@@ -77,9 +83,13 @@ | |||
} | |||
.index-scroll-view .commodity-info-price-p { | |||
font-size: 24rpx; | |||
font-size: 28rpx; | |||
color: #f96563; | |||
line-height: 36rpx; | |||
line-height: 30rpx; | |||
} | |||
.commodity-info-price{ | |||
margin-top: 10rpx; | |||
line-height: 30rpx; | |||
} | |||
.index-scroll-view .commodity-info-price-o { | |||
display: inline-block; | |||
@@ -90,14 +100,21 @@ | |||
text-decoration:line-through; | |||
line-height: 36rpx; | |||
} | |||
.commodity-info-price{ | |||
line-height: 36rpx; | |||
} | |||
.barginiconimg{ | |||
.barginicon{ | |||
width: 24rpx; | |||
height: 22rpx; | |||
margin-right: 2rpx; | |||
} | |||
.barginiconimg{ | |||
width: 26rpx; | |||
height: 23rpx; | |||
margin-right: 6rpx; | |||
} | |||
.text-red{ | |||
color:#F12643; | |||
} | |||
.price{ | |||
font-size: 24rpx; | |||
color: #999; | |||
text-decoration: line-through; | |||
margin-left: 10rpx; | |||
} |
@@ -1,7 +1,4 @@ | |||
<view class="user"> | |||
<!-- <view class='bannerbg'> | |||
<image src='{{bannerUrl}}' mode="widthFix"></image> | |||
</view> --> | |||
<view class="user-title"> | |||
<view class="user-avatar" bindtap='gotograde'> | |||
<open-data class="open" type="userAvatarUrl"></open-data> | |||