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