| @@ -66,9 +66,9 @@ | |||
| font-family: PingFang-SC-Bold; | |||
| font-weight: bold; | |||
| color: #FD782D; | |||
| /* line-height: 44rpx; */ | |||
| line-height: 44rpx; | |||
| margin-left: 16rpx; | |||
| /* padding-top: 16rpx; */ | |||
| padding-top: 16rpx; | |||
| } | |||
| .rmb{ | |||
| font-size: 24rpx!important; | |||
| @@ -132,7 +132,7 @@ | |||
| .coupons-btn-gms { | |||
| background: #b9b9b9 !important; | |||
| border-radius: 10px 0px 5px 0px !important; | |||
| border-radius: 10px!important; | |||
| opacity: 0.6; | |||
| margin: 0 !important; | |||
| padding: 0 !important; | |||
| @@ -23,7 +23,9 @@ Component({ | |||
| wangmeimeibargin: imgurl.wangmeimeibargin.url, | |||
| list: [], | |||
| pintuanList:[], | |||
| total: '' | |||
| total: '', | |||
| flag:false, | |||
| page:1, | |||
| }, | |||
| /** | |||
| * 组件的方法列表 | |||
| @@ -35,8 +37,8 @@ Component({ | |||
| Http.get({ | |||
| url: config.api.couponChannelList, | |||
| data: { | |||
| pageNum: 1, | |||
| pageSize: 5, | |||
| pageNum: this.data.page++, | |||
| pageSize: 1, | |||
| targetAd: 6 | |||
| } | |||
| }).then(res => { | |||
| @@ -60,14 +62,15 @@ Component({ | |||
| Http.get({ | |||
| url: config.api.couponChannelList, | |||
| data: { | |||
| pageNum: 1, | |||
| pageSize: 4, | |||
| pageNum: this.data.page++, | |||
| pageSize: 1, | |||
| targetAd: 7 | |||
| } | |||
| }, | |||
| }).then(res => { | |||
| this.setData({ | |||
| pintuanList: res.data.list, | |||
| total: res.data.total | |||
| total: res.data.total, | |||
| flag: true | |||
| }); | |||
| console.log(this.data.pintuanList) | |||
| }) | |||
| @@ -79,6 +82,11 @@ Component({ | |||
| mask: false | |||
| }); | |||
| }) | |||
| }, | |||
| // //换一换 | |||
| getChange(){ | |||
| }, | |||
| //跳转砍价详情 | |||
| gotokjdetail: function (e) { | |||
| @@ -5,7 +5,7 @@ | |||
| <view class='sql' style='background:{{sql}}'></view> | |||
| <text>爆款专区</text> | |||
| </view> | |||
| <view class='titleR'> | |||
| <view class='titleR' bindtap='getList' > | |||
| <text style='color:{{txt}}'>换一换</text> | |||
| <view> | |||
| <image src='{{change}}' bindtap='' mode='aspectFill'></image> | |||
| @@ -1,3 +1,4 @@ | |||
| { | |||
| "navigationBarTitleText": "添加车辆" | |||
| "navigationBarTitleText": "添加车辆", | |||
| "navigationBarBackgroundColor": "#F4F5F9" | |||
| } | |||
| @@ -1,5 +1,7 @@ | |||
| /* pages/park/addPark/addPark.wxss */ | |||
| page{ | |||
| background: #F4F5F9; | |||
| } | |||
| .addpark-title { | |||
| margin-top: 48rpx; | |||
| text-align: center; | |||
| @@ -18,9 +20,8 @@ | |||
| .addpark-num-head { | |||
| display: flex; | |||
| width: 164rpx; | |||
| background: #58abfa; | |||
| border-radius: 10rpx; | |||
| color: #fff; | |||
| color: #3C3C3C; | |||
| text-align: center; | |||
| align-items: center; | |||
| } | |||
| @@ -29,13 +30,17 @@ | |||
| width: 88rpx; | |||
| height: 82rpx; | |||
| line-height: 82rpx; | |||
| margin: 0 auto; | |||
| border: 2rpx solid #E1E1E1; | |||
| border-radius: 10rpx; | |||
| background: #FFFFFF; | |||
| } | |||
| .addpark-num-center { | |||
| display: flex; | |||
| margin-left: 20rpx; | |||
| width: 392rpx; | |||
| border: 2rpx solid #58abfa; | |||
| /* border: 2rpx solid #E1E1E1; */ | |||
| border-radius: 10rpx; | |||
| text-align: center; | |||
| align-items: center; | |||
| @@ -46,7 +51,7 @@ | |||
| } | |||
| .addpark-num-center-border { | |||
| border-left: 2rpx solid #58abfa; | |||
| border-left: 2rpx solid #E1E1E1; | |||
| } | |||
| .addpark-num-new { | |||
| @@ -55,10 +60,12 @@ | |||
| text-align: center; | |||
| align-items: center; | |||
| margin-left: 20rpx; | |||
| border: 2rpx solid #12c67a; | |||
| border: 2rpx dashed #2C8DFF; | |||
| border-radius: 10rpx; | |||
| } | |||
| .addpark-num-new view { | |||
| border:none!important; | |||
| } | |||
| .newsource { | |||
| font-size: 16rpx; | |||
| position: absolute; | |||
| @@ -66,9 +73,9 @@ | |||
| left: 670rpx; | |||
| height: 30rpx; | |||
| width: 60rpx; | |||
| background: #11c67b; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| color: #fff; | |||
| border: 1px solid #11c67b; | |||
| /* border: 1px solid #11c67b; */ | |||
| border-radius: 14rpx; | |||
| text-align: center; | |||
| line-height: 30rpx; | |||
| @@ -78,7 +85,7 @@ | |||
| width: 672rpx; | |||
| margin: 34rpx auto; | |||
| height: 440rpx; | |||
| border: 2rpx solid #58abfa; | |||
| border: 2rpx solid #FD832D; | |||
| border-radius: 16rpx; | |||
| padding: 30rpx 15rpx; | |||
| } | |||
| @@ -91,7 +98,7 @@ | |||
| .addpark-choose-font { | |||
| width: 80rpx; | |||
| height: 77rpx; | |||
| background: #f8f8f8; | |||
| background: #FEFFFE; | |||
| text-align: center; | |||
| line-height: 77rpx; | |||
| border: 1 px solid #f8f8f8; | |||
| @@ -114,24 +121,24 @@ | |||
| width: 672rpx; | |||
| margin: 34rpx auto; | |||
| height: 510rpx; | |||
| border: 2rpx solid #58abfa; | |||
| border: 2rpx solid #FD832D; | |||
| border-radius: 16rpx; | |||
| padding: 30rpx 15rpx; | |||
| } | |||
| .choose { | |||
| color: #58abfa; | |||
| color: #FD832D; | |||
| } | |||
| .choose-title { | |||
| border: 6rpx solid #ffd255; | |||
| border: 2rpx solid #FD832D; | |||
| } | |||
| .addpark-button-submit { | |||
| width: 670rpx; | |||
| height: 94rpx; | |||
| margin: 0 auto; | |||
| background: #60b4fc; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| color: #fff; | |||
| border-radius: 60rpx; | |||
| line-height: 94rpx; | |||
| @@ -82,7 +82,7 @@ page{ | |||
| font-size: 18rpx; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 18rpx; | |||
| top: 22rpx; | |||
| } | |||
| .money{ | |||
| display: inline-block!important; | |||
| @@ -5,6 +5,7 @@ let app = getApp(); | |||
| const imgurl = require("../../../utils/imgurl"); | |||
| Page({ | |||
| data: { | |||
| noCoupon: imgurl.noCoupon.url, | |||
| couponUrl: imgurl.coupon.url, | |||
| linessUrl: imgurl.liness.url, | |||
| wmhome: imgurl.wmhome.url, | |||
| @@ -6,7 +6,7 @@ | |||
| </i-tabs> | |||
| <view style='padding-top:120rpx;'> | |||
| <view class="nocoupon" wx:if="{{list.length==0}}"> | |||
| <image src="{{couponUrl}}" mode="widthFix" /> | |||
| <image src="{{noCoupon}}" mode="widthFix" /> | |||
| <text class="txt001">请您敬请期待</text> | |||
| <text class='txt002'>我们正在筹备一大波优惠活动</text> | |||
| <navigator class='nav' url="/pages/main/index" open-type="switchTab" hover-class="other-navigator-hover"> | |||
| @@ -45,11 +45,12 @@ | |||
| <text class='title'>{{data.title}}<text class="elecard" wx:if="{{data.type==100}}">电子卡</text></text> | |||
| <text class="subTitle">{{data.subTitle}}</text> | |||
| <view class='salePriceStr clearfix'> | |||
| <view class="fl" wx:if="{{data.type!=8}}">售价: | |||
| <text class='rmb'>¥</text> | |||
| <view class="fl" wx:if="{{data.type!=8}}"> | |||
| <text class="pri01" wx:if="{{data.type!=50&&data.type!=51}}">{{data.salePriceStr}}</text> | |||
| <text class="pri01" wx:if="{{data.type==50||data.type==51}}">{{data.creditPrice}}积分</text> | |||
| <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> | |||
| <text class='throgh' wx:if="{{data.unit==0&&data.type!=50&&data.type!=51}}">{{data.priceStr}}元</text> | |||
| <!-- <text class="yuan" wx:if="{{data.type!=50&&data.type!=51}}">元</text> --> | |||
| <!-- <text class='throgh' wx:if="{{data.unit==0&&data.type马上!=50&&data.type!=51}}">{{data.priceStr}}元</text> --> | |||
| <text wx:if="{{data.unit==1&&data.type!=50&&data.type!=51}}">{{data.priceStr}}小时</text> | |||
| <text class='rest' wx:if="{{data.autoRefund == 1}}"> | |||
| <text class='time refound'><text class="use">过期不退款</text></text> | |||
| @@ -130,7 +131,7 @@ | |||
| <text class='txt'>{{data.salePriceStr}}元</text>马上购买</button> | |||
| <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type!=8&&data.type!=50&&data.type!=51&&data.salePriceStr==0&&data.remainInventory!=0&&endtime!='活动已结束'&&data.activityStatus!=0}}">免费领取</button> | |||
| <button form-type="submit" disabled='{{showbutton}}' class='buy' wx:if="{{data.type==51&&data.remainInventory!=0||data.type==50&&data.remainInventory!=0}}">马上兑换</button> | |||
| <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button> | |||
| <button class='buy buyHr' disabled='true' wx:if="{{data.remainInventory==0&&endtime!='活动已结束'||data.remainInventory==0&&data.type==8}}">已售罄</button> | |||
| <button class='buy' disabled='true' wx:if="{{data.remainInventory==0&&data.type==50||data.remainInventory==0&&data.type==51}}">已兑完</button> | |||
| <button class='buy' disabled='true' wx:if="{{endtime=='活动已结束'&&data.activityStatus!=0}}">活动已结束</button> | |||
| <button class='buy' disabled='true' wx:if="{{total_micro_second<=0&&data.activityStatus!=0}}">活动已结束</button> | |||
| @@ -146,7 +147,7 @@ | |||
| </button> | |||
| <form bindsubmit="gotopay" report-submit='true' class="fl"> | |||
| <button form-type="submit" style='background:transparent;color:#fff;' data-discount='discount1' disabled='{{showbutton}}'> | |||
| <text>{{data.priceStr}}元</text> | |||
| <text>¥{{data.priceStr}}</text> | |||
| <text>立即购买</text> | |||
| </button> | |||
| </form> | |||
| @@ -112,7 +112,7 @@ button::after { | |||
| display: block; | |||
| font-weight: bold; | |||
| font-size: 32rpx; | |||
| color: #000; | |||
| color: #3C3C3C; | |||
| letter-spacing: 1.09rpx; | |||
| line-height: 45rpx; | |||
| width: 542rpx; | |||
| @@ -139,8 +139,8 @@ button::after { | |||
| font-size: 24rpx; | |||
| color: #919191; | |||
| letter-spacing: 0; | |||
| height: 70rpx; | |||
| line-height: 70rpx; | |||
| height: 50rpx; | |||
| line-height: 50rpx; | |||
| /* border-bottom: 1px solid #eee; */ | |||
| border-bottom: 1px solid #f9f9f9; | |||
| } | |||
| @@ -177,7 +177,11 @@ button::after { | |||
| color: #999; | |||
| letter-spacing: 0; | |||
| } | |||
| .salePriceStr .rmb{ | |||
| color: #FD782D; | |||
| font-size: 24rpx; | |||
| float: left; | |||
| } | |||
| .salePriceStr .pri01 { | |||
| font-size: 40rpx; | |||
| color: #FD782D; | |||
| @@ -334,7 +338,7 @@ button::after { | |||
| } | |||
| .buy-view { | |||
| background: #fff; | |||
| /* background: #fff; */ | |||
| height: 92rpx; | |||
| bottom: 0; | |||
| left: 0; | |||
| @@ -345,7 +349,7 @@ button::after { | |||
| .buy { | |||
| position: relative; | |||
| background: #af6e34; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| height: 94rpx; | |||
| width: 560rpx; | |||
| margin: 0 auto 30rpx; | |||
| @@ -354,7 +358,9 @@ button::after { | |||
| line-height: 94rpx; | |||
| border-radius: 61rpx; | |||
| } | |||
| .buyHr{ | |||
| background: #CECECE!important; | |||
| } | |||
| .goback { | |||
| position: relative; | |||
| float: left; | |||
| @@ -373,8 +379,8 @@ button::after { | |||
| left: 0; | |||
| right: 0; | |||
| top: 0; | |||
| bottom: 50rpx; | |||
| margin: auto; | |||
| bottom:0; | |||
| margin:10rpx auto; | |||
| } | |||
| .tel { | |||
| @@ -570,15 +576,20 @@ button::after { | |||
| left: 0; | |||
| right: 0; | |||
| bottom: 0; | |||
| padding-bottom: 37rpx; | |||
| padding-top: 37rpx; | |||
| padding-bottom: 22rpx; | |||
| padding-top: 22rpx; | |||
| z-index: 12; | |||
| /* background: #fff; */ | |||
| } | |||
| .btnTxt{ | |||
| /* margin-top: 30rpx; */ | |||
| width: 50rpx; | |||
| height: 30rpx; | |||
| line-height: 50rpx; | |||
| color: #FD782D; | |||
| font-size: 20rpx; | |||
| position: absolute; | |||
| right:42rpx ; | |||
| bottom: 15rpx; | |||
| } | |||
| .btns .fr,.btns .fl { | |||
| @@ -591,8 +602,8 @@ button::after { | |||
| .btns .fl { | |||
| margin-left: 20rpx; | |||
| color: #fff; | |||
| background: rgba(255, 169, 2, 1); | |||
| box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| /* box-shadow: 0px 8px 8px 1px rgba(255, 169, 2, 0.32); */ | |||
| } | |||
| .btns .fl text { | |||
| @@ -610,8 +621,8 @@ button::after { | |||
| color: #fff; | |||
| margin-right: 20rpx; | |||
| line-height: 95rpx; | |||
| background: rgba(236, 59, 45, 1); | |||
| box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); | |||
| background: linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); | |||
| /* box-shadow: 0px 8px 8px 1px rgba(246, 93, 51, 0.32); */ | |||
| } | |||
| .support-tansfer { | |||
| @@ -8,6 +8,8 @@ const QR = require("../../../utils/memberqrcode.js"); | |||
| Page({ | |||
| data: { | |||
| code: "", | |||
| topLine: imgurl.topLine.url, | |||
| btomLine: imgurl.btomLine.url, | |||
| lineUrl: imgurl.line.url, | |||
| wm01Url: imgurl.wm01.url, | |||
| wm02Url: imgurl.wm02.url, | |||
| @@ -1,113 +1,116 @@ | |||
| <view class="container page"> | |||
| <view class="coupon_detail clearfix"> | |||
| <view class="fl wmfl"> | |||
| <image src="{{data.coverImg}}" mode='aspectFill' /> | |||
| </view> | |||
| <view class="fr"> | |||
| <text class="title">{{data.title}}</text> | |||
| <view class="time">{{data.subTitle}}</view> | |||
| <view class="money"> | |||
| <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">¥{{data.couponPrice/100}}</text> | |||
| <text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">¥{{data.salePrice/100}}</text> | |||
| <text wx:if="{{data.type != 8}}">¥{{data.salePrice/100}}</text> | |||
| <del>¥{{data.price/100}}</del> | |||
| <text class="refund" wx:if="{{data.autoRefund == 1}}"> | |||
| <text>过期不退款</text> | |||
| </text> | |||
| <view class='box'> | |||
| <view class="container page"> | |||
| <view class="coupon_detail clearfix"> | |||
| <view class="fl wmfl"> | |||
| <image src="{{data.coverImg}}" mode='aspectFill' /> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class="timevalidity" wx:if="{{data.validStatus != 0}}"> | |||
| <text>有效期至:</text> | |||
| <text>{{expiredTime}}</text> | |||
| </view> | |||
| <view class="timevalidity" wx:if="{{data.validStatus == 0}}"> | |||
| <text>有效期:</text> | |||
| <text>{{validStartDate}}</text> | |||
| <i>至</i> | |||
| <text>{{validEndDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view> | |||
| <view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view> | |||
| <image class='line' mode="widthFix" src="{{lineUrl}}"></image> | |||
| <view class="zhuangtai"> | |||
| <image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image> | |||
| <view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}"> | |||
| <!-- <view class="qrcode"> | |||
| <canvas canvas-id="qrcode" /> | |||
| </view> --> | |||
| <view class="canWrap"> | |||
| <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||
| <view class="fr"> | |||
| <text class="title">{{data.title}}</text> | |||
| <view class="time">{{data.subTitle}}</view> | |||
| <view class="money"> | |||
| <text wx:if="{{data.type == 8&&data.price == data.couponPrice}}">¥{{data.couponPrice/100}}</text> | |||
| <text wx:if="{{data.type == 8&&data.price != data.couponPrice}}">¥{{data.salePrice/100}}</text> | |||
| <text wx:if="{{data.type != 8}}">¥{{data.salePrice/100}}</text> | |||
| <del>¥{{data.price/100}}</del> | |||
| <text class="refund" wx:if="{{data.autoRefund == 1}}"> | |||
| <text>过期不退款</text> | |||
| </text> | |||
| </view> | |||
| </view> | |||
| <image src="{{tempFilePath}}" mode="aspectFit" /> | |||
| <view class="barnum buy"> | |||
| <text>优惠券码:</text>{{code}}</view> | |||
| </view> | |||
| </view> | |||
| <view class="posi"> | |||
| <view class="tit"> | |||
| 适用门店 | |||
| <view class="timevalidity" wx:if="{{data.validStatus != 0}}"> | |||
| <text>有效期至:</text> | |||
| <text>{{expiredTime}}</text> | |||
| </view> | |||
| <view wx:for="{{data.merchantVoList}}" wx:key="{{index}}"> | |||
| <view class='posi_logo'> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <image src='{{item.merchantImgUrl}}'></image> | |||
| </view> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <text>{{item.merchantName}}</text> | |||
| <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text> | |||
| </view> | |||
| <view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'> | |||
| <image class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||
| <view class="timevalidity" wx:if="{{data.validStatus == 0}}"> | |||
| <text>有效期:</text> | |||
| <text>{{validStartDate}}</text> | |||
| <i>至</i> | |||
| <text>{{validEndDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.usePrice!=undefined}}" class="manjian">满{{data.usePrice/100}}元可用</view> | |||
| <view wx:if="{{data.usePrice==undefined}}" class="manjian">仅限本店使用</view> | |||
| <image class='line' mode="widthFix" src="{{topLine}}"></image> | |||
| <view class="zhuangtai"> | |||
| <image wx:if="{{data.couponOrderStatus==1}}" src="{{wm01Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==2}}" src="{{wm02Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==3}}" src="{{wm03Url}}" mode='widthFix'></image> | |||
| <image wx:if="{{data.couponOrderStatus==0&&data.validStatus==0}}" src="{{wm04Url}}" mode='widthFix'></image> | |||
| <view class="panel" wx:if="{{data.couponOrderStatus==0&&data.validStatus!=0}}"> | |||
| <!-- <view class="qrcode"> | |||
| <canvas canvas-id="qrcode" /> | |||
| </view> --> | |||
| <view class="canWrap"> | |||
| <canvas canvas-id="qrcode" style="width: 1200rpx; height: 800rpx;" /> | |||
| </view> | |||
| <image src="{{tempFilePath}}" mode="aspectFit" /> | |||
| <view class="barnum buy"> | |||
| <text>优惠券码:</text>{{code}}</view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <image class='line' mode="widthFix" src="{{lineUrl}}"></image> | |||
| <view class='note'> | |||
| <view style='height:60rpx;line-height:60rpx;'> | |||
| <text class="shiji">实付金额:</text> | |||
| <text class='moneys'>{{data.couponPrice/100}}</text> | |||
| <text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==0}}"> | |||
| <text>下单时间:</text> | |||
| <text>{{createDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==1}}"> | |||
| <text>核销时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==2}}"> | |||
| <text>过期时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| <view class="posi"> | |||
| <view class="tit"> | |||
| 适用门店 | |||
| </view> | |||
| <view wx:for="{{data.merchantVoList}}" wx:key="{{index}}"> | |||
| <view class='posi_logo'> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <image src='{{item.merchantImgUrl}}'></image> | |||
| </view> | |||
| <view bindtap='gotoDetail' data-id='{{item.id}}'> | |||
| <text>{{item.merchantName}}</text> | |||
| <text>{{item.addr}}{{item.buildingName}}{{item.floorName}}</text> | |||
| </view> | |||
| <view wx:if="{{item.linkLinePhone}}" bindtap='phone' data-merchantLinkPhone='{{item.linkLinePhone}}'> | |||
| <image class="tel" src="{{teljpgUrl}}" mode="widthFix" /> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==3}}"> | |||
| <text>退款时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| <image class='line' mode="widthFix" src="{{btomLine}}"></image> | |||
| <view class='note'> | |||
| <view style='height:60rpx;line-height:60rpx;'> | |||
| <text class="shiji">实付金额:</text> | |||
| <text class='moneys'>{{data.couponPrice/100}}</text> | |||
| <text style='font-size:24rpx;text-align:right;color: #FF4949;'>元</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==0}}"> | |||
| <text>下单时间:</text> | |||
| <text>{{createDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==1}}"> | |||
| <text>核销时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==2}}"> | |||
| <text>过期时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| </view> | |||
| <view wx:if="{{data.couponOrderStatus==3}}"> | |||
| <text>退款时间:</text> | |||
| <text>{{updateDate}}</text> | |||
| </view> | |||
| <view> | |||
| <text>订单编号:</text> | |||
| <text>{{data.orderId}}</text> | |||
| </view> | |||
| <!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||
| </view> | |||
| <view> | |||
| <text>订单编号:</text> | |||
| <text>{{data.orderId}}</text> | |||
| <view class='notes' style="border-bottom:0"> | |||
| <view> | |||
| <text>购买须知</text> | |||
| </view> | |||
| <view> | |||
| <text><text class='spot'></text>{{data.remark}}</text> | |||
| </view> | |||
| </view> | |||
| <!-- <view><text>手机号</text><text>2018.05.25</text></view> --> | |||
| </view> | |||
| <view class='notes' style="border-bottom:0"> | |||
| <view> | |||
| <text>购买须知</text> | |||
| </view> | |||
| <view> | |||
| <text><text class='spot'></text>{{data.remark}}</text> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{newUrl}}" class='gameimg' mode='widthFix'></image> | |||
| </view> | |||
| </view> | |||
| @@ -1,14 +1,19 @@ | |||
| .box{ | |||
| height: 100%; | |||
| background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | |||
| } | |||
| .container { | |||
| background: #fff; | |||
| width: 92%; | |||
| margin: 8% auto 6%; | |||
| border-radius: 16rpx; | |||
| } | |||
| page { | |||
| background: #02c0ff; | |||
| /* background: #02c0ff; */ | |||
| background: linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | |||
| height: auto !important; | |||
| padding-bottom: 20rpx; | |||
| /* padding-bottom: 20rpx; */ | |||
| } | |||
| .panel, .zhuangtai image { | |||
| @@ -3,5 +3,6 @@ | |||
| "i-tab": "../../../dist/tab/index", | |||
| "i-tabs": "../../../dist/tabs/index" | |||
| }, | |||
| "navigationBarTitleText": "消费卡" | |||
| "navigationBarTitleText": "消费卡", | |||
| "navigationBarBackgroundColor": "#F4F5F9" | |||
| } | |||
| @@ -3,8 +3,8 @@ | |||
| <view class='content'> | |||
| <view class="market clearfix"> | |||
| <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 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'> | |||
| @@ -24,7 +24,11 @@ | |||
| <text>{{item.title}}</text> | |||
| </view> | |||
| <view class='buycardbtn'> | |||
| <button>{{item.salePriceStr}}元 <text>购买</text></button> | |||
| <view> | |||
| <text class='rmb'>¥</text> | |||
| <text class='price'>{{item.salePriceStr}}</text> | |||
| </view> | |||
| <view>购买</view> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -1,5 +1,6 @@ | |||
| page{ | |||
| height: auto!important; | |||
| background: #F4F5F9; | |||
| } | |||
| .header image{ | |||
| width: 100%; | |||
| @@ -22,6 +23,8 @@ page{ | |||
| display: inline-block; | |||
| } | |||
| .section { | |||
| position: relative; | |||
| width: 48%; | |||
| @@ -41,7 +44,7 @@ page{ | |||
| } | |||
| .mms { | |||
| background: #fff; | |||
| padding: 0; | |||
| padding: 20rpx; | |||
| border-radius: 16rpx; | |||
| box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | |||
| } | |||
| @@ -69,21 +72,20 @@ page{ | |||
| .detail_msg image { | |||
| display: block; | |||
| width: 100%; | |||
| height: 200rpx!important; | |||
| height: 176rpx!important; | |||
| border-radius: 16rpx; | |||
| } | |||
| .detail_msg text{ | |||
| display: block; | |||
| font-size:28rpx; | |||
| height: 65rpx; | |||
| line-height: 65rpx; | |||
| color: #333; | |||
| text-align: center; | |||
| font-size:30rpx; | |||
| height: 40rpx; | |||
| line-height: 40rpx; | |||
| color: #3C3C3C; | |||
| white-space: nowrap; | |||
| text-overflow: ellipsis; | |||
| overflow: hidden; | |||
| width: 320rpx; | |||
| margin: 0 auto; | |||
| margin-top: 24rpx; | |||
| } | |||
| .info view:nth-child(1) { | |||
| display: flex; | |||
| @@ -140,16 +142,29 @@ page{ | |||
| } | |||
| .buycardbtn{ | |||
| display: flex; | |||
| flex: 2; | |||
| justify-content: space-between; | |||
| margin: 10rpx 0 0 0; | |||
| } | |||
| .buycardbtn .rmb{ | |||
| font-size: 24rpx; | |||
| } | |||
| .buycardbtn .price{ | |||
| font-size: 40rpx; | |||
| } | |||
| .buycardbtn button{ | |||
| flex: 1; | |||
| .buycardbtn view:nth-child(1){ | |||
| color: #FD782D; | |||
| } | |||
| .buycardbtn view:nth-child(2){ | |||
| width: 88rpx; | |||
| height: 52rpx; | |||
| line-height: 52rpx; | |||
| font-size: 28rpx; | |||
| color:#FF3535!important; | |||
| background: none; | |||
| border-top:1px solid #eee; | |||
| border-radius: 0!important; | |||
| color:#FFF!important; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius: 20rpx!important; | |||
| text-align: center; | |||
| } | |||
| button::after{ border: none; } | |||
| .buycardbtn button text{ | |||
| margin-left: 10rpx; | |||
| @@ -233,7 +248,7 @@ button::after{ border: none; } | |||
| } | |||
| .cards{ | |||
| margin-top: 30rpx; | |||
| padding: 0 40rpx; | |||
| padding: 0 20rpx; | |||
| } | |||
| .cantransferred{ | |||
| position: absolute; | |||
| @@ -9,6 +9,8 @@ Page({ | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| noMerchant: imgurl.noMerchant.url, | |||
| noCoupon: imgurl.noCoupon.url, | |||
| poterbg: imgurl.poterbg.url, | |||
| teljpgUrl: imgurl.teljpg.url, | |||
| fenxiang: imgurl.fenxiang.url, | |||
| @@ -22,7 +22,6 @@ | |||
| <text>{{data.merchantName}}</text> | |||
| <text class='title'>{{data.title}}</text> | |||
| </view> | |||
| <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | |||
| <image class="fenxiang" src='{{fenxiang}}' mode="widthFix"></image> | |||
| <text class='gift'>分享有礼</text> | |||
| @@ -71,11 +70,13 @@ | |||
| <!-- 商户简介 --> | |||
| <view class='merchant-phones'> | |||
| <view class="swiper-tab"> | |||
| <view class="swiper-tab-item {{currentTab==0?'active-tab':''}}" data-current="0" bindtap="clickTab"> | |||
| <view class="swiper-tab-item " data-current="0" bindtap="clickTab"> | |||
| 优惠信息 | |||
| <view class="{{currentTab==0?'active-tab':''}}"></view> | |||
| </view> | |||
| <view class="swiper-tab-item {{currentTab==1?'active-tab':''}}" data-current="1" bindtap="clickTab"> | |||
| <view class="swiper-tab-item" data-current="1" bindtap="clickTab"> | |||
| 商家简介 | |||
| <view class="{{currentTab==1?'active-tab':''}}"></view> | |||
| </view> | |||
| </view> | |||
| <view class='swiperactive'> | |||
| @@ -85,7 +86,7 @@ | |||
| <c-coupons wx:if="{{couponList.length!=0}}" wx:for="{{couponList}}" from="fromMerchant" paramAtoB="{{loading}}" wx:key="unique" data="{{item}}" list="{{couponList}}" /> | |||
| </view> | |||
| <view class='dingdan' wx:if="{{couponList.length==0}}"> | |||
| <image src="{{actUrl}}" mode="widthFix"></image> | |||
| <image src="{{noCoupon}}" mode="widthFix"></image> | |||
| <text>请您敬请期待</text> | |||
| <text>我们正在筹备一大波优惠活动</text> | |||
| </view> | |||
| @@ -97,8 +98,9 @@ | |||
| </view> | |||
| <!-- 商户简介 --> | |||
| <view wx:elif="{{currentTab==1}}"> | |||
| <image src="{{noMerchant}}" mode="widthFix"></image> | |||
| <text wx:if="{{data.introduction}}">{{data.introduction}}</text> | |||
| <text wx:else>信息完善中,敬请期待。</text> | |||
| <text wx:else>信息完善中,敬请期待~</text> | |||
| </view> | |||
| </view> | |||
| <view class='merchant-info'> | |||
| @@ -175,11 +175,11 @@ | |||
| .merchants text { | |||
| display: block; | |||
| text-align: left; | |||
| /* text-align: left; */ | |||
| font-size: 26rpx; | |||
| margin-bottom: 6rpx; | |||
| height: 26rpx; | |||
| line-height: 26rpx; | |||
| /* height: 26rpx; */ | |||
| line-height: 24rpx; | |||
| color: #A6A6A6; | |||
| } | |||
| @@ -230,25 +230,35 @@ | |||
| .swiper-tab { | |||
| text-align: left; | |||
| width: 100%; | |||
| width: 70%; | |||
| display: flex; | |||
| flex-flow: row; | |||
| justify-content: space-around; | |||
| height: 88rpx; | |||
| line-height: 88rpx; | |||
| margin-bottom: 30rpx; | |||
| padding: 0 15%; | |||
| } | |||
| .swiper-tab-item { | |||
| color: #434343; | |||
| font-size: 30rpx; | |||
| margin-right: 50rpx; | |||
| position: relative; | |||
| } | |||
| .active-tab { | |||
| color: #af6e34; | |||
| border-bottom: 6rpx solid #af6e34; | |||
| color: #FD782D; | |||
| display: block; | |||
| width: 72%; | |||
| height: 8rpx; | |||
| background: 0 0; | |||
| position: absolute; | |||
| bottom: 0; | |||
| left: 15%; | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius: 100px; | |||
| } | |||
| .fenxiang { | |||
| position: absolute; | |||
| right: 0; | |||
| @@ -318,7 +328,17 @@ | |||
| min-height: 400rpx; | |||
| padding-bottom: 44rpx; | |||
| } | |||
| .swiperactive image{ | |||
| display: block; | |||
| width: 300rpx; | |||
| margin: 30rpx auto 0; | |||
| } | |||
| .swiperactive text{ | |||
| /* margin: 30rpx auto 0; */ | |||
| display:block; | |||
| text-align:center; | |||
| color: #A6A6A6; | |||
| } | |||
| .modal { | |||
| width: 100%; | |||
| height: 100%; | |||
| @@ -399,6 +419,7 @@ | |||
| width: 300rpx; | |||
| margin: 30rpx auto 0; | |||
| } | |||
| button::after{ border: none; } | |||
| .goback{ | |||
| position: fixed; | |||
| @@ -69,9 +69,12 @@ Page({ | |||
| showEdit: true | |||
| }) | |||
| } | |||
| console.log(res.data,22222222222) | |||
| that.setData({ | |||
| score: res.data.score, | |||
| levelName: res.data.levelName, | |||
| upgradePercent: res.data.upgradePercent, | |||
| upgradeScore: res.data.upgradeScore | |||
| }) | |||
| if (res.data.nickName) { | |||
| that.setData({ | |||
| @@ -124,39 +127,6 @@ Page({ | |||
| url: '/pages/integralmall/integraHistory/index', | |||
| }) | |||
| }, | |||
| getmemberId: function (token) { | |||
| let that = this; | |||
| Http.get({ | |||
| url: config.api.getScore, | |||
| data: { | |||
| token: token | |||
| } | |||
| }).then(res => { | |||
| that.setData({ | |||
| levelName: res.data.levelName, | |||
| upgradePercent: res.data.upgradePercent, | |||
| upgradeScore: res.data.upgradeScore, | |||
| credit: res.data.credit ? res.data.credit : 0, | |||
| score: res.data.score | |||
| }) | |||
| if (res.data.nickName) { | |||
| that.setData({ | |||
| ismember: true, | |||
| memberId: res.data.id | |||
| }) | |||
| var initUrl = JSON.stringify({ | |||
| flagid: res.data.id | |||
| }); | |||
| } | |||
| }) | |||
| .catch(err => { | |||
| wx.showModal({ | |||
| title: '提示', | |||
| content: err.message, | |||
| showCancel: false | |||
| }) | |||
| }) | |||
| }, | |||
| getList(pageNum) { | |||
| var that = this; | |||
| console.log(pageNum) | |||
| @@ -13,17 +13,17 @@ | |||
| <text class='chengzhang '>{{levelName}}</text> | |||
| </view> | |||
| <view class="view"> | |||
| <!-- 成长值<text class="score">{{score}}</text> --> | |||
| <progress percent="{{upgradePercent}}" stroke-width="6" activeColor="#FFB287" /> | |||
| </view> | |||
| </view> | |||
| <view class='msg'>还需{{upgradeScore}}成长值升级</view> | |||
| </view> | |||
| <view class='topbg-btom'> | |||
| <view class='topbg-btom'bindtap='gotojifen' mode='widthFix'> | |||
| <view class='btoml'> | |||
| <view class='score'>{{creditAmount}}</view> | |||
| <view class='jifen'> | |||
| <text>可用积分</text>> | |||
| <text>积分详情</text>> | |||
| <image src="{{rightHr}}" class='right' mode='widthFix'></image> | |||
| </view> | |||
| </view> | |||
| <!-- 二维码 --> | |||
| @@ -41,7 +41,7 @@ | |||
| margin:0 20rpx; | |||
| } | |||
| .usre_level{ | |||
| /* width:70rpx; */ | |||
| 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; | |||
| @@ -102,6 +102,10 @@ progress{ | |||
| top: 176rpx; | |||
| left:70rpx; | |||
| } | |||
| .jifen image{ | |||
| width: 10rpx; | |||
| height: 22rpx; | |||
| } | |||
| .topbg .score{ | |||
| font-size: 40rpx; | |||
| font-weight: 500; | |||
| @@ -205,7 +209,7 @@ image{ | |||
| width: 40%; | |||
| height: 100%; | |||
| float: left; | |||
| margin-left: 20rpx; | |||
| /* margin-left: 20rpx; */ | |||
| color: #A6A6A6; | |||
| overflow: hidden; | |||
| text-overflow:ellipsis; | |||
| @@ -311,9 +315,9 @@ image{ | |||
| font-weight:500; | |||
| text-align: center; | |||
| color:rgba(255,255,255,1); | |||
| line-height:44rpx; | |||
| line-height:52rpx; | |||
| margin: 88rpx 24rpx 0 0; | |||
| margin-top: 110rpx; | |||
| margin-top: 90rpx; | |||
| } | |||
| .right-text{ | |||
| font-size:22rpx; | |||
| @@ -141,6 +141,12 @@ Page({ | |||
| url: '/pages/spellGroup/spellGroup', | |||
| }) | |||
| }, | |||
| //跳往显示抢购 | |||
| gotoRushList: function () { | |||
| wx.navigateTo({ | |||
| url: '/pages/rushToBuy/index', | |||
| }) | |||
| }, | |||
| //搜索门店 | |||
| // searchbar:function(){ | |||
| // wx.switchTab({ | |||
| @@ -57,8 +57,8 @@ | |||
| <text>积分商城</text> | |||
| </view> | |||
| </view> | |||
| <!-- 每日头条 --> | |||
| <view class='toutiao'> | |||
| <!-- 每日头条 限时抢购 --> | |||
| <view class='toutiao' bindtap='gotoRushList'> | |||
| <view class='imgBox'> | |||
| <image src='{{toutiao}}' mode='aspectFill'></image> | |||
| </view> | |||
| @@ -2,18 +2,18 @@ | |||
| <view wx:if="{{order.orderStatus==1}}" class='tips'> | |||
| <image class='success' src='{{succUrl}}' mode='widthFix'></image> | |||
| <view wx:if="{{order.salePrice/100==0}}" class='msg' > | |||
| <text>领取成功</text> | |||
| <text>请尽快到门店使用,有效期至{{}}</text> | |||
| <text>交易成功</text> | |||
| <!-- <text>请尽快到门店使用,有效期至{{}}</text> --> | |||
| </view> | |||
| <view wx:if="{{order.salePrice/100!=0}}" class='msg'> | |||
| <text>付款成功</text> | |||
| <text>请尽快到门店使用,有效期至{{}}</text> | |||
| <!-- <text>请尽快到门店使用,有效期至{{}}</text> --> | |||
| </view> | |||
| </view> | |||
| <view class='section'> | |||
| <view class='sectionTit'> | |||
| <text>{{order.title}}</text> | |||
| <view> | |||
| <!-- <view> | |||
| <text>{{item.title}}</text> | |||
| <text class='wait' wx:if="{{item.orderStatus==0}}">等待付款</text> | |||
| <text class='wait' wx:if="{{item.orderStatus==10}}">拼团中</text> | |||
| @@ -32,7 +32,7 @@ | |||
| <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&item.type!=50&&item.type!=51}}">免费领取</text> | |||
| <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice==0&&(item.type==50||item.type==51)}}">积分兑换</text> | |||
| <text class='sucess' wx:if="{{item.orderStatus==1&&item.salePrice!=0}}">付款成功</text> | |||
| </view> | |||
| </view> --> | |||
| </view> | |||
| <view class='detail_msg'> | |||
| <view class='logo'> | |||
| @@ -19,7 +19,7 @@ page { | |||
| .tips { | |||
| width: 92%; | |||
| height: 100rpx; | |||
| height: 70rpx; | |||
| background: #2C8DFF; | |||
| color: #fff; | |||
| padding: 20rpx 4% 0; | |||
| @@ -92,9 +92,11 @@ page { | |||
| color: #3C3C3C; | |||
| } | |||
| .info view:nth-child(1) { | |||
| display: flex; | |||
| justify-content: space-between; | |||
| padding: 0 4%; | |||
| width: 80%; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| } | |||
| .info { | |||
| @@ -56,6 +56,14 @@ Page({ | |||
| url: `/pages/order/detail/index?orderId=${e.currentTarget.dataset.id}&flag='pay'` | |||
| }) | |||
| }, | |||
| //再次购买 | |||
| gotopayAgain: function (e) { | |||
| wx.navigateTo({ | |||
| url: `/pages/coupon/detail/index?couponChannelId=${ | |||
| e.currentTarget.dataset.couponchannelid | |||
| }&couponId=${e.currentTarget.dataset.couponid}` | |||
| }); | |||
| }, | |||
| // gotoSpellPay(e) { | |||
| // console.log(e, 333) | |||
| // let data = e.currentTarget.dataset.data | |||
| @@ -68,7 +68,7 @@ | |||
| <view wx:if="{{item.orderStatus==5}}" style="background:#999;opacity: .6;" class="btn"> | |||
| <text>退款失败</text> | |||
| </view> | |||
| <view wx:if="{{item.orderStatus==2}}" class="btnGm" data-id="{{item.id}}" bindtap=""> | |||
| <view wx:if="{{item.orderStatus==2}}" class="btnGm" data-id="{{item.id}}" bindtap="gotopayAgain" data-couponId="{{item.couponId}}" data-couponChannelId="{{item.id}}" data-targetAd="{{item.targetAd}}" > | |||
| <text class='txGm'>再次购买</text> | |||
| </view> | |||
| </view> | |||
| @@ -235,14 +235,14 @@ | |||
| bottom: 0; | |||
| margin: auto; | |||
| right: 20rpx; | |||
| width: 140rpx; | |||
| width: 118rpx; | |||
| height: 52rpx; | |||
| line-height: 52rpx; | |||
| text-align: center; | |||
| color: #fff; | |||
| float: right; | |||
| font-size: 28rpx; | |||
| border: 2rpx solid #02c0ff; | |||
| border: 2rpx solid #2C8DFF; | |||
| border-radius: 30rpx; | |||
| } | |||
| @@ -251,7 +251,7 @@ | |||
| color: #FFFFFF; | |||
| } | |||
| .txGm{ | |||
| font-size: 24rpx; | |||
| font-size: 26rpx!important; | |||
| color: #2C8DFF!important; | |||
| } | |||
| .dingdan { | |||
| @@ -1,4 +1,5 @@ | |||
| <view class="couponbg"> | |||
| <view class='couponBox'> | |||
| <view class="couponbg"> | |||
| <view class="title">{{title}}</view> | |||
| <!-- <view class="subtitle">{{subtitle}}</view> --> | |||
| <image class='line' src='{{topLineUrl}}' mode="widthFix"></image> | |||
| @@ -37,11 +38,12 @@ | |||
| <text><text class='spot'></text>{{remark}}</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image> | |||
| <text>用户专享神秘礼物</text> | |||
| <text>独家福利,抢完即止</text> | |||
| </view> | |||
| </view> | |||
| <view class='game' bindtap="gotogame" wx-if="{{showIf}}"> | |||
| <view class='game-entry'> | |||
| <image src="{{staticGamedata.imgUrl}}" class='gameimg' mode='widthFix'></image> | |||
| <text>用户专享神秘礼物</text> | |||
| <text>独家福利,抢完即止</text> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| @@ -1,14 +1,17 @@ | |||
| @import "../../app.wxss"; | |||
| page { | |||
| } | |||
| .couponBox{ | |||
| height: 100%; | |||
| background:linear-gradient(180deg,rgba(253,131,45,1) 0%,rgba(254,74,22,1) 100%); | |||
| } | |||
| .couponbg { | |||
| position: relative; | |||
| background: #fff; | |||
| overflow: hidden; | |||
| width: 92%; | |||
| margin: 8% auto 6%; | |||
| margin: 0 auto 6%; | |||
| border-radius: 16rpx; | |||
| } | |||
| @@ -3,5 +3,6 @@ | |||
| "i-tab": "../../../dist/tab/index", | |||
| "i-tabs": "../../../dist/tabs/index" | |||
| }, | |||
| "navigationBarTitleText": "停车券" | |||
| "navigationBarTitleText": "停车券", | |||
| "navigationBarBackgroundColor": "#F4F5F9" | |||
| } | |||
| @@ -30,7 +30,7 @@ | |||
| <view hover-class='active' wx:elif="{{item.couponOrderStatus==1||item.couponOrderStatus==2||item.couponOrderStatus==3}}" class="btns">查看</view> | |||
| </view> | |||
| </view> | |||
| <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> | |||
| <!-- <image class="liness" src='{{linessUrl}}' mode="widthFix"></image> --> | |||
| <view class='expiretime'> | |||
| <text class="txt1">有效期至:</text> | |||
| <text class="txt2">{{item.expiredTime}}</text> | |||
| @@ -1,7 +1,7 @@ | |||
| .market { | |||
| width: 100%; | |||
| height: 100%; | |||
| /* background: #f5f5f5; */ | |||
| background: #F4F5F9; | |||
| } | |||
| .tabs { | |||
| @@ -13,6 +13,7 @@ | |||
| left: 0; | |||
| right: 0; | |||
| z-index: 100000; | |||
| background: #FFF; | |||
| } | |||
| .i-tab { | |||
| @@ -26,29 +27,31 @@ | |||
| .mms { | |||
| width: 690rpx; | |||
| height: 170rpx !important; | |||
| height: 180rpx !important; | |||
| background: #fff; | |||
| padding: 30rpx 0 0; | |||
| /* padding: 30rpx 0 0; */ | |||
| margin: 0 auto 40rpx; | |||
| border-radius: 16rpx; | |||
| border-top: 8rpx solid #02b7ff; | |||
| /* border-radius: 16rpx; */ | |||
| /* border-top: 8rpx solid #02b7ff; */ | |||
| box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.10); | |||
| } | |||
| .detail_msg { | |||
| display: flex; | |||
| padding-bottom: 26rpx; | |||
| padding-top: 16rpx; | |||
| padding-bottom: 16rpx; | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| } | |||
| .expiretime { | |||
| display: block; | |||
| width: 100%; | |||
| text-align: left; | |||
| text-indent: 1em; | |||
| height: 40rpx; | |||
| line-height: 36rpx; | |||
| text-indent: 0.5em; | |||
| height: 54rpx; | |||
| line-height: 45rpx; | |||
| font-size: 22rpx; | |||
| color: #333; | |||
| color: #A6A6A6; | |||
| letter-spacing: 0; | |||
| } | |||
| @@ -60,10 +63,10 @@ | |||
| .logo { | |||
| width: 60rpx; | |||
| height: 60rpx; | |||
| border: 1px solid #f8f8f8; | |||
| /* border: 1px solid #f8f8f8; */ | |||
| border-radius: 50rpx; | |||
| display: block; | |||
| margin-left: 20rpx; | |||
| margin: 15rpx 20rpx 0 20rpx; | |||
| } | |||
| .logo image { | |||
| @@ -75,18 +78,20 @@ | |||
| .info view:nth-child(1) { | |||
| display: flex; | |||
| justify-content: space-between; | |||
| padding: 0 2%; | |||
| padding: 0 4%; | |||
| margin-top: 15rpx; | |||
| } | |||
| .info { | |||
| width: 100%; | |||
| border-left: 1rpx #FFF dashed; | |||
| } | |||
| .info view:nth-child(1) text { | |||
| font-size: 32rpx; | |||
| line-height: 32rpx; | |||
| height: 32rpx; | |||
| color: #333; | |||
| color: #FFFFFF; | |||
| letter-spacing: 0; | |||
| width: 400rpx; | |||
| display: inline-block; | |||
| @@ -96,9 +101,9 @@ | |||
| } | |||
| .info view:nth-child(2) { | |||
| padding-left: 2%; | |||
| padding-left: 4%; | |||
| font-size: 22rpx; | |||
| color: #333; | |||
| color: #FFFFFF; | |||
| letter-spacing: 0; | |||
| margin-top: 6rpx; | |||
| display: inline-block; | |||
| @@ -120,20 +125,20 @@ | |||
| height: 48rpx; | |||
| line-height: 48rpx; | |||
| text-align: center; | |||
| border: 2rpx solid #02c0ff; | |||
| border: 2rpx solid #fff; | |||
| border-radius: 60rpx; | |||
| color: #02c0ff; | |||
| color: #fff; | |||
| font-size: 28rpx; | |||
| } | |||
| .active { | |||
| color: #fff; | |||
| background: #02c0ff; | |||
| /* background: #02c0ff; */ | |||
| } | |||
| .txt1 { | |||
| font-size: 22rpx; | |||
| color: #333; | |||
| color: #A6A6A6; | |||
| letter-spacing: 0; | |||
| } | |||
| @@ -1,6 +1,6 @@ | |||
| { | |||
| "component": true, | |||
| "usingComponents": {}, | |||
| "navigationBarTitleText": "停车", | |||
| "navigationBarTitleText": "智能停车", | |||
| "enablePullDownRefresh": true | |||
| } | |||
| @@ -1,46 +1,46 @@ | |||
| <view class='contain'> | |||
| <view class='content'> | |||
| <view class="tit">Q1.我怎么添加车牌呢?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>我怎么添加车牌呢?</view></view> | |||
| <view class='description'>首次使用“停车缴费”的用户需绑定车牌号,即可为车辆进行缴费 。您可以最多添加三张车牌。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q2.有哪些方式可以支持停车费?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>有哪些方式可以支持停车费?</view></view> | |||
| <view class='description'>我们仅支持微信支付。您还可以使用停车券进行减免。注意哦您必须在抵达岗亭前完成支付。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q3.如何获得停车券?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>如何获得停车券?</view></view> | |||
| <view class='description'>我们会不定期进行赠送停车券,您可以在支付停车费时使用,记得多多关注商场微信公众号以及商场信息哦。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q4.每次可以使用几张停车券?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>每次可以使用几张停车券?</view></view> | |||
| <view class='description'>单次入场车辆仅限使用一张停车券,未离场再次支付时不再享有优惠哦。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q5.支付完毕后我需要做什么吗?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>支付完毕后我需要做什么吗?</view></view> | |||
| <view class='description'>您在支付完毕的规定时间内可以驾着您的爱车直接离场。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q6.支付完毕后未在规定时间内离场怎么办?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>支付完毕后未在规定时间内离场怎么办?</view></view> | |||
| <view class='description'>不用担心,重新扫描停车小程序二维码进行缴费就可以了。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q7.哪些用户不能在线支付停车费呢?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>哪些用户不能在线支付停车费呢?</view></view> | |||
| <view class='description'>目前车牌号输入仅支持各省简称、无车牌用户、教练车、特殊车牌(军用、武警、警车等)暂不支持在线支付停车费,请进行线下支付。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q8.我为什么绑定(解绑)不了车牌?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>我为什么绑定(解绑)不了车牌?</view></view> | |||
| <view class='description'>每位用户最多可同时绑定三张车牌。当您绑定的车牌在停车场内是无法解绑车牌的,支付离场后才可以进行变更哦!</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q9.每个用户可以绑定几个车牌?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>每个用户可以绑定几个车牌?</view></view> | |||
| <view class='description'>每个用户30天内最多绑定4次车牌。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q10.停车券使用时间?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>停车券使用时间?</view></view> | |||
| <view class='description'>车辆离场前使用。</view> | |||
| </view> | |||
| <view class='content'> | |||
| <view class="tit">Q11.为什么我的车牌解绑不成功?</view> | |||
| <view class="tit"><view class='Q'>Q</view><view class='right'>为什么我的车牌解绑不成功?</view></view> | |||
| <view class='description'>请先确认车辆已离场。</view> | |||
| </view> | |||
| </view> | |||
| @@ -1,18 +1,36 @@ | |||
| .content { | |||
| padding: 0 30rpx 30rpx 30rpx; | |||
| margin: 30rpx auto; | |||
| padding: 0 30rpx 20rpx 30rpx; | |||
| margin: 20rpx auto; | |||
| } | |||
| .tit { | |||
| font-size: 26rpx; | |||
| color: #02c0ff; | |||
| font-size: 30rpx; | |||
| color: #FD832D; | |||
| letter-spacing: 1.16rpx; | |||
| height: 68rpx; | |||
| line-height: 68rpx; | |||
| } | |||
| .right{ | |||
| width: 85%; | |||
| height:42rpx; | |||
| /* margin-top: 5rpx; */ | |||
| float: left; | |||
| margin-left: 15rpx; | |||
| } | |||
| .description { | |||
| margin-top: 15rpx; | |||
| margin-top: 12rpx; | |||
| font-size: 26rpx; | |||
| color: #333; | |||
| letter-spacing: 1.16rpx; | |||
| padding-left: 47rpx; | |||
| padding-left: 83rpx; | |||
| } | |||
| .Q{ | |||
| width:68rpx; | |||
| height:68rpx; | |||
| border:2rpx solid #FD832D; | |||
| border-radius: 34rpx; | |||
| line-height: 68rpx; | |||
| text-align: center; | |||
| font-size: 32rpx; | |||
| float: left | |||
| } | |||
| @@ -156,10 +156,10 @@ Page { | |||
| } | |||
| .code { | |||
| width: 714rpx; | |||
| height: 794rpx; | |||
| width: 690rpx; | |||
| height: 740rpx; | |||
| background: #fff; | |||
| margin: 0 auto; | |||
| margin: 20rpx auto; | |||
| border-radius: 10rpx; | |||
| padding: 20rpx 0 40rpx; | |||
| } | |||
| @@ -9,6 +9,10 @@ Page({ | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| orangeImg: imgurl.orange.url, | |||
| blueImg: imgurl.blue.url, | |||
| grayImg: imgurl.gray.url, | |||
| tuanzhang: imgurl.tuanzhang.url, | |||
| tuanzhang: imgurl.tuanzhang.url, | |||
| spellBg: imgurl.spellBg.url, | |||
| position: imgurl.position.url, | |||
| @@ -1,7 +1,7 @@ | |||
| { | |||
| "navigationBarTitleText": "拼团详情", | |||
| "usingComponents": {}, | |||
| "navigationBarBackgroundColor": "#F13C42", | |||
| "navigationBarTextStyle": "white", | |||
| "navigationBarBackgroundColor": "#F4F5F9", | |||
| "navigationBarTextStyle": "black", | |||
| "enablePullDownRefresh": true | |||
| } | |||
| @@ -14,20 +14,23 @@ | |||
| <view class='des'>{{data.subTitle}}</view> | |||
| </view> | |||
| <view class='detail-top03'> | |||
| <view class='detail-p-price'>{{data.salePrice}}元</view> | |||
| <view class='detail-p-name'>拼团价</view> | |||
| <view class='detail-p-price'>{{data.salePrice}}</view> | |||
| <view class='detail-p-name'>「拼团价」¥</view> | |||
| </view> | |||
| </view> | |||
| <view class='detail-bottom' wx:if="{{isMyself==true}}"> | |||
| <view class='b-unit'>元</view> | |||
| <view class='b-price'>{{data.salePrice}}</view> | |||
| <view class='b-unit'>¥</view> | |||
| <view class='b-name'>实付款</view> | |||
| </view> | |||
| <image class="frImg" wx:if="{{data.status == 10}}" src="{{orangeImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image> | |||
| <image class="frImg" wx:if="{{data.status == 11}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>{{data.statustext}}</text></image> | |||
| </view> | |||
| <!-- 拼团状态-拼团中,拼团成功 --> | |||
| <view class='status' wx:if="{{isMyself==true}}" style='margin-top:30rpx;'> | |||
| <view class='status-top'> | |||
| <!-- <view class='status-top'> | |||
| <view class='p-status'>{{data.statustext}}</view> | |||
| <view class='p-text' wx:if='{{data.status==10}}'>结束</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | |||
| @@ -38,7 +41,7 @@ | |||
| <view class='p-mao' wx:if='{{data.status==10}}'>天</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view> | |||
| <view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | |||
| </view> | |||
| </view> --> | |||
| <view class='status-center' style='{{"width:"+(120*data.userList.length>634?634:120*data.userList.length)+"rpx;"+"margin:0 auto;"}}'> | |||
| <view class='status-lists'> | |||
| <view class='tuanzhang touxiangitems' wx:for="{{data.userList}}" wx:key="{{index}}"> | |||
| @@ -63,6 +66,18 @@ | |||
| </view> | |||
| </view> --> | |||
| </view> | |||
| <view class='status-top'> | |||
| <view class='p-text' wx:if='{{data.status==10}}'>结束</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{sec}}</view> | |||
| <view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{min}}</view> | |||
| <view class='p-mao' wx:if='{{data.status==10}}'>:</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{hour}}</view> | |||
| <view class='p-mao' wx:if='{{data.status==10}}'>天</view> | |||
| <view class='p-time' wx:if='{{data.status==10}}'>{{day}}</view> | |||
| <view class='p-text' wx:if='{{data.status==10}}'>剩余</view> | |||
| </view> | |||
| <!-- <view class='need' >还差 <text class='needNum'>{{data.remainPeople}}人</text>拼团成功,赶快邀人!</view> --> | |||
| </view> | |||
| <view class='status-bottom'> | |||
| <view class='position-icon'> | |||
| @@ -2,8 +2,8 @@ | |||
| page { | |||
| height: auto; | |||
| overflow: auto; | |||
| background: #f89132; | |||
| background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||
| background: #F4F5F9; | |||
| /* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); */ | |||
| background-size: cover; | |||
| background-repeat: no-repeat; | |||
| } | |||
| @@ -31,7 +31,7 @@ page { | |||
| font-size:32rpx; | |||
| font-family:PingFang-SC-Bold; | |||
| font-weight:bold; | |||
| color:rgba(243,69,58,1); | |||
| color:#FD782D; | |||
| line-height: 75rpx; | |||
| } | |||
| .p-time{ | |||
| @@ -39,11 +39,11 @@ page { | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(243,69,58,1); | |||
| color:#FFF; | |||
| width: 38rpx; | |||
| height: 30rpx; | |||
| margin-top: 22rpx; | |||
| background:rgba(252,220,221,1); | |||
| background:#FD782D; | |||
| border-radius:10rpx; | |||
| line-height: 30rpx; | |||
| text-align: center; | |||
| @@ -54,7 +54,7 @@ page { | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(243,69,58,1); | |||
| color:#3C3C3C; | |||
| line-height: 75rpx; | |||
| } | |||
| .p-text{ | |||
| @@ -72,6 +72,9 @@ page { | |||
| text-align: center; | |||
| border-bottom: 1rpx solid #F9F9F9; | |||
| } | |||
| .status-lists{ | |||
| margin-top: 60rpx; | |||
| } | |||
| .tuanzhang{ | |||
| float: left; | |||
| width: 120rpx; | |||
| @@ -94,8 +97,8 @@ page { | |||
| width: 80rpx; | |||
| height: 80rpx; | |||
| overflow: hidden; | |||
| background:rgba(252,220,221,1); | |||
| border:1rpx solid rgba(243,69,58,1); | |||
| background:#ECEEF3; | |||
| /* border:1rpx solid rgba(243,69,58,1); */ | |||
| border-radius:50%; | |||
| box-sizing: border-box; | |||
| line-height: 78rpx; | |||
| @@ -103,7 +106,7 @@ page { | |||
| font-size:32rpx; | |||
| font-family:PingFang-SC-Regular; | |||
| font-weight:400; | |||
| color:rgba(243,69,58,1); | |||
| color:#CACACA; | |||
| margin: 0; | |||
| padding: 0; | |||
| } | |||
| @@ -141,7 +144,7 @@ page { | |||
| font-size:28rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| color:#B8B8B8; | |||
| line-height: 72rpx; | |||
| } | |||
| .detail{ | |||
| @@ -168,7 +171,8 @@ page { | |||
| .return-index{ | |||
| position: fixed; | |||
| right: 50rpx; | |||
| top: 60rpx; | |||
| /* top: 60rpx; */ | |||
| bottom: 60rpx; | |||
| width:100rpx!important; | |||
| height:100rpx; | |||
| z-index: 100; | |||
| @@ -194,11 +198,11 @@ page { | |||
| } | |||
| .detail-top01{ | |||
| float: left; | |||
| width: 180rpx; | |||
| width: 120rpx; | |||
| } | |||
| .detail-top01 image{ | |||
| width: 180rpx; | |||
| height: 180rpx; | |||
| width: 120rpx; | |||
| height: 120rpx; | |||
| margin-top: 33rpx; | |||
| } | |||
| .detail-top02{ | |||
| @@ -228,8 +232,8 @@ page { | |||
| white-space:nowrap; | |||
| } | |||
| .detail-top03{ | |||
| float: left; | |||
| padding-top: 180rpx; | |||
| float: right; | |||
| padding-top: 100rpx; | |||
| width: 230rpx; | |||
| } | |||
| .detail-p-name{ | |||
| @@ -237,7 +241,7 @@ page { | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| color:#3C3C3C; | |||
| line-height:44rpx; | |||
| } | |||
| .detail-p-price{ | |||
| @@ -251,32 +255,31 @@ page { | |||
| border-top: 1rpx solid #F9F9F9; | |||
| width: 100%; | |||
| overflow: hidden; | |||
| height: 86rpx; | |||
| height: 60rpx; | |||
| } | |||
| .b-unit{ | |||
| float: right; | |||
| font-size:24rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(237,63,46,1); | |||
| margin-top: 36rpx; | |||
| color:#FD782D; | |||
| margin-top: 18rpx; | |||
| } | |||
| .b-price{ | |||
| float: right; | |||
| font-size:40rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(237,63,46,1); | |||
| margin-top: 18rpx; | |||
| color:#FD782D; | |||
| } | |||
| .b-name{ | |||
| float: right; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| color:#FD782D; | |||
| margin-right: 6rpx; | |||
| margin-top: 34rpx; | |||
| margin-top: 18rpx; | |||
| } | |||
| .order{ | |||
| width: 690rpx; | |||
| @@ -287,31 +290,31 @@ page { | |||
| border-radius:15rpx; | |||
| } | |||
| .order-list{ | |||
| height: 55rpx; | |||
| height: 98rpx; | |||
| line-height: 98rpx; | |||
| } | |||
| .order-title{ | |||
| line-height: 55rpx; | |||
| line-height: 98rpx; | |||
| float: left; | |||
| font-size:26rpx; | |||
| font-size:28rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| color:#A6A6A6; | |||
| } | |||
| .order-text{ | |||
| float: right; | |||
| text-align: right; | |||
| line-height: 55rpx; | |||
| font-size:26rpx; | |||
| line-height: 98rpx; | |||
| font-size:32rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| color:#3C3C3C; | |||
| } | |||
| .user-motto { | |||
| border: 0; | |||
| width:650rpx; | |||
| height:85rpx; | |||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||
| box-shadow:0px 8rpx 8rpx 1rpx rgba(242,61,65,0.32); | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius:43rpx; | |||
| font-size:36rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| @@ -385,7 +388,32 @@ page { | |||
| .alert-button .share{ | |||
| width:500rpx; | |||
| height:95rpx; | |||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius:47rpx; | |||
| margin-top: 79rpx; | |||
| } | |||
| .need{ | |||
| font-size:24rpx; | |||
| font-family:PingFangSC-Regular; | |||
| font-weight:400; | |||
| color:rgba(60,60,60,1); | |||
| } | |||
| .needNum{ | |||
| color: #FD782D; | |||
| } | |||
| .frImg{ | |||
| height: 78rpx; | |||
| width: 78rpx; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| } | |||
| .frImg text{ | |||
| transform: rotate(45deg); | |||
| color: #FFFFFF; | |||
| font-size: 16rpx; | |||
| position: absolute; | |||
| left: 14rpx; | |||
| top: 12rpx; | |||
| } | |||
| @@ -9,6 +9,8 @@ Page({ | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| fenxiang: imgurl.fenxiang.url, | |||
| homeSelectedO:imgurl.homeSelectedO.url, | |||
| isshowposter:false,//是否显示分享弹框 | |||
| teljpgUrl: imgurl.teljpg.url, | |||
| wmhome: imgurl.wmhome.url, | |||
| @@ -13,17 +13,20 @@ | |||
| <view class='text'> | |||
| <view class='remark'>{{data.subTitle}}</view> | |||
| <view class='fenxiang' wx:if="{{data.type!=50&&data.type!=51}}" bindtap='showshare'> | |||
| <image class="fenxiang" src='{{share01}}' mode="widthFix"></image> | |||
| <image class="fenxiang" src='{{fenxiang}}' mode="widthFix"></image> | |||
| <text class='gift'>分享有礼</text> | |||
| </view> | |||
| <view class='des'> | |||
| <view class='des-peoplenum'>【拼团购】{{data.pressLimitNum}}人拼团成功,单价仅需</view> | |||
| <view class='des-saleprice'>{{data.salePriceStr}}元</view> | |||
| <view class='des-peoplenum'>「拼团价」{{data.pressLimitNum}}人拼团成功,单价仅需¥</view> | |||
| <view class='des-saleprice'>{{data.salePriceStr}}</view> | |||
| </view> | |||
| <view class='rest' wx:if="{{data.validType==1}}">有效期: | |||
| <text class='time'>{{data.validStartDate}}至{{data.validEndDate}}<text class="use">(请在有效期内使用)</text></text> | |||
| </view> | |||
| <view class='rest'> | |||
| <text class='txt01'>限购条件:</text><text class='time'>每人限购{{data.useLimitQuantity}}张</text> | |||
| <!-- <text class='txt01'>限购条件:</text> --> | |||
| <view class='quan'></view> | |||
| <text class='time'>每人限购{{data.useLimitQuantity}}张</text> | |||
| <text class='timess' wx:if='{{limitCondition==1}}'>仅限新用户活动</text> | |||
| <text class='timess' wx:if='{{limitCondition==2&&(minLimit||minLimit==0)&&maxLimit}}'>({{minLimit}}-{{maxLimit}}成长值)</text> | |||
| <text class='timess' wx:if='{{limitCondition==2&&minLimit&&!maxLimit}}'>(大于{{minLimit}}成长值)</text> | |||
| @@ -68,7 +71,10 @@ | |||
| <image mode='widthFix' wx:for="{{detailPicture}}" wx:key="{{index}}" wx:for-item="item" src='{{item}}'></image> | |||
| </view> | |||
| <view class='edit'> | |||
| <button class='goback' bindtap='gotoIndex'><image src='{{wmhome}}' mode="widthFix"></image></button> | |||
| <button class='goback' bindtap='gotoIndex'> | |||
| <image src='{{homeSelectedO}}' mode="widthFix"></image> | |||
| <text class='btnTxt'>首页</text> | |||
| </button> | |||
| <form bindsubmit='{{canBuyIf?"gotoBuy":""}}' report-submit='true' wx:if='{{data.id}}'> | |||
| <button class='edit-left' form-type="submit" > | |||
| <view class='edit-left-top'> | |||
| @@ -10,12 +10,11 @@ | |||
| } | |||
| .goback { | |||
| float:left; | |||
| width:122rpx!important; | |||
| height:95rpx; | |||
| width:132rpx!important; | |||
| height:96rpx; | |||
| background:rgba(255,255,255,1); | |||
| line-height:95rpx; | |||
| border:1rpx solid rgba(227,227,227,1); | |||
| border-radius:48rpx; | |||
| line-height:96rpx; | |||
| border-radius:32rpx; | |||
| margin-right:25rpx; | |||
| } | |||
| .timess{ | |||
| @@ -26,14 +25,14 @@ | |||
| } | |||
| button::after{ border: none; } | |||
| .goback image{ | |||
| position:absolute; | |||
| width:60rpx; | |||
| left:0; | |||
| right:0; | |||
| top:0; | |||
| position: absolute; | |||
| width:52rpx; | |||
| height: 50rpx; | |||
| left: 0; | |||
| right: 0; | |||
| top: 0; | |||
| bottom:0; | |||
| margin:auto; | |||
| height: 80rpx; | |||
| margin:10rpx auto; | |||
| } | |||
| .content-box{ | |||
| box-sizing: content-box; | |||
| @@ -44,13 +43,13 @@ button::after{ border: none; } | |||
| position: relative; | |||
| width: 100%; | |||
| height: auto; | |||
| background: #fff; | |||
| background: #F4F5F9; | |||
| overflow: hidden; | |||
| padding-bottom: 130rpx; | |||
| } | |||
| .text{ | |||
| position: relative; | |||
| padding: 0 30rpx; | |||
| /* padding: 0 30rpx; */ | |||
| } | |||
| .title{ | |||
| position: relative; | |||
| @@ -67,23 +66,27 @@ button::after{ border: none; } | |||
| box-sizing: border-box; | |||
| } | |||
| .remark{ | |||
| background: #FFF; | |||
| font-size:24rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| line-height: 48rpx; | |||
| padding: 0 30rpx; | |||
| } | |||
| .des{ | |||
| width: 100%; | |||
| height: auto; | |||
| padding-top: 6rpx; | |||
| background: #FFF; | |||
| padding: 0 30rpx; | |||
| color: #FD782D | |||
| } | |||
| .des-peoplenum{ | |||
| display: inline; | |||
| font-size:24rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(0,0,0,1); | |||
| line-height:44rpx; | |||
| margin-right: 15rpx; | |||
| } | |||
| @@ -92,7 +95,6 @@ button::after{ border: none; } | |||
| font-size:40rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,53,53,1); | |||
| } | |||
| .status{ | |||
| width: 100%; | |||
| @@ -190,24 +192,32 @@ button::after{ border: none; } | |||
| left:0; | |||
| right:0; | |||
| padding:20rpx 22rpx; | |||
| background:#fff; | |||
| /* background:#fff; */ | |||
| } | |||
| .edit-left{ | |||
| float: left; | |||
| width: 269rpx; | |||
| height: 95rpx; | |||
| background:rgba(255,169,2,1); | |||
| box-shadow:0px 8rpx 8rpx 1rpx rgba(255,169,2,0.32); | |||
| border-radius:48rpx; | |||
| width: 268rpx; | |||
| height: 96rpx; | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius:32rpx; | |||
| } | |||
| .edit-right{ | |||
| float: right; | |||
| width: 269rpx; | |||
| height: 95rpx; | |||
| width: 268rpx; | |||
| height: 96rpx; | |||
| line-height: 46rpx; | |||
| background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||
| box-shadow:0px 8rpx 8rpx 1rpx rgba(246,93,51,0.32); | |||
| border-radius:48rpx; | |||
| background:linear-gradient(90deg,rgba(40,179,255,1) 0%,rgba(48,103,255,1) 100%); | |||
| border-radius:32rpx; | |||
| } | |||
| .btnTxt{ | |||
| width: 50rpx; | |||
| height: 30rpx; | |||
| line-height: 50rpx; | |||
| color: #FD782D; | |||
| font-size: 20rpx; | |||
| position: absolute; | |||
| right:42rpx ; | |||
| bottom: 15rpx; | |||
| } | |||
| .edit-left-top{ | |||
| height: 46rpx; | |||
| @@ -267,6 +277,9 @@ button::after{ border: none; } | |||
| } | |||
| .posi { | |||
| position: relative; | |||
| background: #FFF; | |||
| margin-top: 18rpx; | |||
| padding: 15rpx 30rpx | |||
| } | |||
| .applyshop{ | |||
| font-size:32rpx; | |||
| @@ -296,7 +309,6 @@ button::after{ border: none; } | |||
| width: 100%; | |||
| display: flex; | |||
| padding: 20rpx 0; | |||
| background: #fff; | |||
| height: 100rpx; | |||
| margin-bottom: 20rpx; | |||
| } | |||
| @@ -341,8 +353,8 @@ button::after{ border: none; } | |||
| top: 0; | |||
| bottom: 0; | |||
| margin: auto; | |||
| width: 50rpx; | |||
| height: 50rpx; | |||
| width: 76rpx; | |||
| height: 76rpx; | |||
| } | |||
| .rest { | |||
| font-size: 24rpx; | |||
| @@ -352,6 +364,8 @@ button::after{ border: none; } | |||
| line-height: 70rpx; | |||
| /* border-bottom: 1px solid #eee; */ | |||
| border-bottom: 1px solid #f9f9f9; | |||
| background: #FFF; | |||
| padding: 0 30rpx; | |||
| } | |||
| .restNum { | |||
| @@ -405,12 +419,20 @@ button::after{ border: none; } | |||
| } | |||
| .fenxiang image { | |||
| width: 108rpx; | |||
| width:48rpx; | |||
| height: 48rpx; | |||
| position: absolute; | |||
| right: 16rpx; | |||
| top: 0; | |||
| right: 0; | |||
| z-index: 10; | |||
| } | |||
| .gift{ | |||
| color: #3C3C3C; | |||
| font-size: 20rpx; | |||
| position: absolute; | |||
| top: 50rpx; | |||
| right: 0; | |||
| } | |||
| .user-motto { | |||
| width: 270rpx; | |||
| border: 0; | |||
| @@ -426,12 +448,14 @@ button::after{ border: none; } | |||
| .notes view:nth-child(1) { | |||
| height: 87rpx; | |||
| line-height: 87rpx; | |||
| background: #fff; | |||
| border-top: 1px solid #f9f9f9; | |||
| } | |||
| .notes { | |||
| margin: 0 auto; | |||
| margin-top: 18rpx; | |||
| background: #FFF; | |||
| width: calc(100vw-60rpx); | |||
| padding: 0 30rpx; | |||
| } | |||
| .notes view:nth-child(1) text { | |||
| @@ -495,8 +519,9 @@ button::after{ border: none; } | |||
| } | |||
| .detailImg { | |||
| width: 92%; | |||
| margin: 10rpx auto 0; | |||
| width: calc(100vw-60rpx); | |||
| background: #FFF; | |||
| padding: 0 30rpx; | |||
| } | |||
| .detailImg image { | |||
| @@ -964,4 +989,12 @@ height: 90rpx; | |||
| } | |||
| .b1 .wx-swiper-dots{ | |||
| margin-bottom: 30rpx; | |||
| } | |||
| .quan{ | |||
| float: left; | |||
| margin:28rpx 15rpx 0 0; | |||
| width: 12rpx; | |||
| height: 12rpx; | |||
| background: #E1E1E1; | |||
| border-radius: 50%; | |||
| } | |||
| @@ -9,6 +9,7 @@ Page({ | |||
| * 页面的初始数据 | |||
| */ | |||
| data: { | |||
| blueImg: imgurl.blue.url, | |||
| tuanzhang: imgurl.tuanzhang.url, | |||
| spellBg: imgurl.spellBg.url, | |||
| position: imgurl.position.url, | |||
| @@ -1,6 +1,5 @@ | |||
| { | |||
| "navigationBarTitleText": "拼团详情", | |||
| "usingComponents": {}, | |||
| "navigationBarBackgroundColor": "#F13C42", | |||
| "enablePullDownRefresh": true | |||
| } | |||
| @@ -18,6 +18,7 @@ | |||
| <view class='detail-p-name'>拼团价</view> | |||
| </view> | |||
| </view> | |||
| <image class="frImg" wx:if="{{data.status == 0}}" src="{{blueImg}}" mode="aspectFill" lazy-load="true"><text>去支付</text></image> | |||
| </view> | |||
| <!-- 拼团订单信息 --> | |||
| @@ -2,8 +2,8 @@ | |||
| page { | |||
| height: auto; | |||
| overflow: auto; | |||
| background: #f89132; | |||
| background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); | |||
| background: #F4F5F9; | |||
| /* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spelldetail-bg.png'); */ | |||
| background-size: cover; | |||
| background-repeat: no-repeat; | |||
| } | |||
| @@ -175,7 +175,7 @@ page { | |||
| .return-index{ | |||
| position: fixed; | |||
| right: 50rpx; | |||
| top: 60rpx; | |||
| bottom: 60rpx; | |||
| width:100rpx!important; | |||
| height:100rpx; | |||
| z-index: 100; | |||
| @@ -294,31 +294,31 @@ page { | |||
| border-radius:15rpx; | |||
| } | |||
| .order-list{ | |||
| height: 55rpx; | |||
| height: 98rpx; | |||
| line-height: 98rpx; | |||
| } | |||
| .order-title{ | |||
| line-height: 55rpx; | |||
| line-height: 98rpx; | |||
| float: left; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(51,51,51,1); | |||
| color:#A6A6A6; | |||
| } | |||
| .order-text{ | |||
| float: right; | |||
| text-align: right; | |||
| line-height: 55rpx; | |||
| line-height: 98rpx; | |||
| font-size:26rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(134,134,134,1); | |||
| color:#A6A6A6; | |||
| } | |||
| .user-motto { | |||
| border: 0; | |||
| width:650rpx; | |||
| height:85rpx; | |||
| background:linear-gradient(90deg,rgba(248,85,45,1) 0%,rgba(241,60,66,1) 0%,rgba(248,86,46,1) 100%); | |||
| box-shadow:0px 8rpx 8rpx 1rpx rgba(242,61,65,0.32); | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius:43rpx; | |||
| font-size:36rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| @@ -443,4 +443,19 @@ page { | |||
| text-align: center; | |||
| line-height: 95rpx; | |||
| margin: 0 auto 43rpx; | |||
| } | |||
| .frImg{ | |||
| height: 78rpx; | |||
| width: 78rpx; | |||
| position: absolute; | |||
| right: 0; | |||
| top: 0; | |||
| } | |||
| .frImg text{ | |||
| transform: rotate(45deg); | |||
| color: #FFFFFF; | |||
| font-size: 16rpx; | |||
| position: absolute; | |||
| left: 14rpx; | |||
| top: 12rpx; | |||
| } | |||
| @@ -1,8 +1,8 @@ | |||
| { | |||
| "navigationBarTitleText": "拼团专场", | |||
| "enablePullDownRefresh": true, | |||
| "navigationBarBackgroundColor":"#F13C42", | |||
| "navigationBarTextStyle": "white", | |||
| "navigationBarBackgroundColor":"#F4F5F9", | |||
| "navigationBarTextStyle": "black", | |||
| "usingComponents": { | |||
| "c-banner": "../../components/spellbanner/index", | |||
| "i-tab": "../../../dist/tab/index", | |||
| @@ -21,19 +21,19 @@ | |||
| <view class='spell-center'> | |||
| <view class='tilte'>{{item.title}}</view> | |||
| <view class='remark'>{{item.subTitle}}</view> | |||
| <view class='spell-num'>{{item.pressLimitNum+'人团'}}</view> | |||
| <view class='numBox'> | |||
| <view class='spell-num'>{{item.pressLimitNum+'人团'}}</view> | |||
| <view class='right-text'>剩余{{item.remainInventory}}</view> | |||
| </view> | |||
| <view class='price'> | |||
| <view class='price01'> | |||
| <view class='price-unit'>¥</view> | |||
| <view class='price-num'>{{item.salePriceStr}}</view> | |||
| <view class='price-unit'>元</view> | |||
| </view> | |||
| <view class='price02'>{{item.priceStr}}</view> | |||
| <view class='price02'>¥{{item.priceStr}}</view> | |||
| <view class='right-button'>去拼团</view> | |||
| </view> | |||
| </view> | |||
| <view class='spell-right'> | |||
| <view class='right-button'>去拼团</view> | |||
| <view class='right-text'>剩余{{item.remainInventory}}</view> | |||
| </view> | |||
| </view> | |||
| <view class='sepll-list' wx:if='{{flag=="myspellList"}}' wx:for="{{lists}}" wx:key="{{index}}" style='position:relative;height:auto;'> | |||
| <view class='spell-top'> | |||
| @@ -54,15 +54,15 @@ | |||
| <view class='spell-center' data-id='{{item.id}}' data-data='{{item}}' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||
| <view class='tilte'>{{item.title}}</view> | |||
| <view class='remark'>{{item.subTitle}}</view> | |||
| <view class='price' style='margin-top:50rpx;'> | |||
| <view class='price'> | |||
| <view class='price01'> | |||
| <view class='price-text'style="display: inline;font-size: 24rpx;">拼团价</view> | |||
| <view class='price-num'>{{item.salePrice/100}}</view> | |||
| <view class='price-unit'>元</view> | |||
| <!-- <view class='price-unit'>元</view> --> | |||
| </view> | |||
| </view> | |||
| </view> | |||
| <view class='spell-right' data-id='{{item.id}}' data-data='{{item}}' style='position:absolute;width:auto;bottom:30rpx;right:20rpx;' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||
| <view class='spell-right' data-id='{{item.id}}' data-data='{{item}}' style='position:absolute;width:auto;bottom:25rpx;right:10rpx;' bindtap='{{((item.couponStatus==1&&item.orderStatus!=11)||(item.orderGroupId=="0"&&item.orderStatus!=15)||item.orderStatus==16)?"":item.orderStatus!=15?"gotoStatusDetail":"gotoPay"}}'> | |||
| <!-- 继续邀请好友 --> | |||
| <button class='share user-motto right-button' wx:if='{{item.couponStatus!=1&&item.orderStatus==10&&item.orderGroupId!="0"}}' data-status='{{item.status}}' data-data='{{item}}' hover-class="other-button-hover" style="width:auto;display:inline-block;padding:0 8rpx;">{{item.statusText}}</button> | |||
| <!-- 去使用 --> | |||
| @@ -87,8 +87,8 @@ | |||
| </view> | |||
| </view> | |||
| <view class='bottom'> | |||
| <view class='bottom-left' bindtap="getSpellList" style="background:{{flag=='spellList'?'#FF7250':'#F3453A'}}">拼团商品</view> | |||
| <view class='bottom-right' bindtap="getmyList" style="background:{{flag!='spellList'?'#FF7250':'#F3453A'}}">我的拼团</view> | |||
| <view class="{{flag=='spellList'?'bottom-left':'bottom-leftN'}}" bindtap="getSpellList">拼团商品</view> | |||
| <view class="{{flag=='spellList'?'bottom-leftN':'bottom-left'}}" bindtap="getmyList">我的拼团</view> | |||
| </view> | |||
| <view class="loading" wx:if="{{loading}}"> | |||
| {{content}} | |||
| @@ -2,14 +2,15 @@ | |||
| page { | |||
| height: auto; | |||
| overflow: auto; | |||
| background: #f89132; | |||
| background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); | |||
| background: #F4F5F9; | |||
| /* background-image: url('https://s3.cn-northwest-1.amazonaws.com.cn/iformall-net/cimg/spell-bg.png'); */ | |||
| background-size: cover; | |||
| background-repeat: no-repeat; | |||
| } | |||
| .content-box{ | |||
| height: auto; | |||
| padding-bottom: 200rpx; | |||
| /* padding-bottom: 200rpx; */ | |||
| padding: 0 16rpx 200rpx; | |||
| } | |||
| .loading { | |||
| text-align: center; | |||
| @@ -63,28 +64,36 @@ image{ | |||
| border-radius: 16rpx; | |||
| overflow: hidden; | |||
| } | |||
| .content .sepll-list{ | |||
| width: 690rpx; | |||
| height: 230rpx; | |||
| width: 346rpx; | |||
| height: 432rpx; | |||
| background: #fff; | |||
| border-radius: 30rpx; | |||
| margin: 30rpx auto 0; | |||
| margin-bottom: 20rpx; | |||
| } | |||
| .content .spell-left{ | |||
| width: 230rpx; | |||
| height: 230rpx; | |||
| .content >view:nth-of-type(2n){ | |||
| float: right; | |||
| } | |||
| .content>view:nth-of-type(2n+1){ | |||
| float: left; | |||
| } | |||
| .content .spell-left{ | |||
| width: 100%; | |||
| height: 196rpx; | |||
| } | |||
| .content .spell-left image{ | |||
| width: 180rpx; | |||
| height: 180rpx; | |||
| margin: 25rpx; | |||
| width: 300rpx; | |||
| height: 176rpx; | |||
| margin: 20rpx; | |||
| } | |||
| .content .spell-center{ | |||
| float: left; | |||
| padding: 0 20rpx; | |||
| width: 304rpx; | |||
| height: 100%; | |||
| } | |||
| .content .tilte{ | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Bold; | |||
| @@ -107,28 +116,34 @@ image{ | |||
| text-overflow:ellipsis; | |||
| white-space: nowrap; | |||
| } | |||
| .content .numBox{ | |||
| display: flex; | |||
| justify-content: space-between; | |||
| } | |||
| .content .spell-num{ | |||
| width: 95rpx; | |||
| border:1px solid rgba(255,50,50,1); | |||
| width: 80rpx; | |||
| height: 32rpx; | |||
| border:1px solid #FD782D; | |||
| border-radius:10rpx; | |||
| font-size:24rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,50,50,1); | |||
| line-height:30rpx; | |||
| color:#FD782D; | |||
| line-height:32rpx; | |||
| margin: 10rpx 0; | |||
| text-align: center; | |||
| } | |||
| .content .price{ | |||
| overflow: hidden; | |||
| margin-top: 10rpx; | |||
| /* margin-top: 10rpx; */ | |||
| margin-bottom: 20rpx; | |||
| } | |||
| .content .price01{ | |||
| display: inline; | |||
| font-size:50rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,50,50,1); | |||
| color:#FD782D; | |||
| line-height:44rpx; | |||
| } | |||
| .content .price02{ | |||
| @@ -141,29 +156,25 @@ image{ | |||
| } | |||
| .content .price-num{ | |||
| display: inline; | |||
| font-size: 40rpx; | |||
| } | |||
| .content .price-unit{ | |||
| display: inline; | |||
| font-size:24rpx; | |||
| margin-right: 10rpx; | |||
| } | |||
| .content .spell-right{ | |||
| float: left; | |||
| width: 156rpx; | |||
| /* margin-right:4rpx; */ | |||
| } | |||
| .right-button{ | |||
| width:120rpx; | |||
| height:48rpx; | |||
| font-size:26rpx; | |||
| background:linear-gradient(90deg,rgba(236,59,45,1) 0%,rgba(248,98,52,1) 100%); | |||
| border-radius:24rpx; | |||
| width:100rpx; | |||
| height:50rpx; | |||
| font-size:24rpx; | |||
| background:linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| border-radius:20rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| text-align: center; | |||
| color:rgba(255,255,255,1); | |||
| line-height:44rpx; | |||
| margin: 110rpx auto 0; | |||
| margin-top: 110rpx; | |||
| line-height:50rpx; | |||
| float: right; | |||
| } | |||
| .right-text{ | |||
| font-size:22rpx; | |||
| @@ -174,39 +185,41 @@ image{ | |||
| text-align: center; | |||
| } | |||
| .bottom{ | |||
| width: 690rpx; | |||
| height: 85rpx; | |||
| position: fixed; | |||
| bottom: 26rpx; | |||
| left: 30rpx; | |||
| /* background:rgba(243,69,58,1); */ | |||
| border:1px solid rgba(255, 222, 67, 1); | |||
| border-radius:40px; | |||
| color: #fff; | |||
| overflow: hidden; | |||
| width:100%; | |||
| height:100rpx; | |||
| position:fixed; | |||
| bottom:0; | |||
| left: 0; | |||
| color:#fff; | |||
| overflow:hidden; | |||
| } | |||
| .bottom-left{ | |||
| width: 50%; | |||
| height: 100%; | |||
| float: left; | |||
| margin-left: -1rpx; | |||
| text-align: center; | |||
| line-height: 85rpx; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,253,245,1); | |||
| border-right:1px solid rgba(255, 222, 67, 1); | |||
| /* border-right:1px solid rgba(255, 222, 67, 1); */ | |||
| background: linear-gradient(127deg,rgba(252,177,74,1) 0%,rgba(254,70,20,1) 100%); | |||
| opacity: 1; | |||
| } | |||
| .bottom-right{ | |||
| .bottom-leftN{ | |||
| width: 50%; | |||
| height: 100%; | |||
| float: left; | |||
| margin-left: -1rpx; | |||
| text-align: center; | |||
| line-height: 85rpx; | |||
| line-height: 100rpx; | |||
| font-size:30rpx; | |||
| font-family:PingFang-SC-Medium; | |||
| font-weight:500; | |||
| color:rgba(255,253,245,1); | |||
| color:#3C3C3C; | |||
| background:#FFF; | |||
| opacity: 1; | |||
| } | |||
| .spell-bottom{ | |||
| @@ -214,7 +227,7 @@ image{ | |||
| } | |||
| .spell-top{ | |||
| height: auto; | |||
| margin: 0 30rpx; | |||
| margin: 0 20rpx; | |||
| overflow: hidden; | |||
| box-sizing: border-box; | |||
| border-bottom: 1rpx solid #EEEEEE; | |||
| @@ -222,10 +235,16 @@ image{ | |||
| .spell-top-left{ | |||
| float: left; | |||
| width: 60%; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| } | |||
| .spell-top-right{ | |||
| float: left; | |||
| float: right; | |||
| width: 40%; | |||
| overflow:hidden; | |||
| text-overflow:ellipsis; | |||
| white-space:nowrap; | |||
| } | |||
| .top-title{ | |||
| display: inline; | |||
| @@ -653,5 +653,13 @@ module.exports = { | |||
| 'url': baseUrl + "homeSelectedO.png", | |||
| 'name': '' | |||
| }, | |||
| 'noMerchant': { | |||
| 'url': baseUrl + "noMerchant.png", | |||
| 'name': '' | |||
| }, | |||
| 'rightHr': { | |||
| 'url': baseUrl + "rightHr.png", | |||
| 'name': '' | |||
| }, | |||
| } | |||