@@ -1,6 +1,8 @@ | |||
<view class="container page"> | |||
<view class="coupon_detail clearfix"> | |||
<image class="fl" src="{{data.coverImg}}" mode="widthFix" /> | |||
<view class="fl wmfl"> | |||
<image src="{{data.coverImg}}" /> | |||
</view> | |||
<view class="fr"> | |||
<text class="title">{{data.title}}</text> | |||
<view class="time">{{data.subTitle}}</view> | |||
@@ -16,20 +18,6 @@ | |||
<text>有效期至:</text> | |||
<text>{{expiredTime}}</text> | |||
</view> | |||
<!-- <view class="panel"> | |||
<view class="barcode"> | |||
<canvas canvas-id="barcode" /> | |||
</view> | |||
<view class="qrcode"> | |||
<image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg" mode="widthFix"></image> | |||
<image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg" mode="widthFix"></image> | |||
<image wx:if="{{data.couponOrderStatus==3}}" src="./../../../assets/img/wm03.jpg" mode="widthFix"></image> | |||
<canvas canvas-id="qrcode" /> | |||
</view> | |||
<view class="barnum"><text>兑换码:</text>{{code}}</view> | |||
</view> --> | |||
<view class="zhuangtai"> | |||
<image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg"></image> | |||
<image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg"></image> | |||
@@ -45,9 +33,6 @@ | |||
</view> | |||
</view> | |||
<view class="posi"> | |||
<view class="tit"> | |||
适用门店 | |||
@@ -3,14 +3,14 @@ | |||
} | |||
.panel,.zhuangtai image{ | |||
position: relative; | |||
width: 510rpx; | |||
height: 581rpx; | |||
display: block; | |||
border-radius: 10rpx; | |||
background-color: #fff; | |||
margin: 22rpx auto 0; | |||
padding: 30rpx 0; | |||
position: relative; | |||
padding: 30rpx 0 0; | |||
z-index: 10000000000; | |||
} | |||
.pane2{ | |||
@@ -27,7 +27,6 @@ | |||
background: #fff; | |||
height: 88rpx; | |||
width: 98%; | |||
margin: 30rpx auto 0; | |||
color: #7e7e7e; | |||
line-height: 88rpx; | |||
border-radius: 16rpx; | |||
@@ -84,11 +83,17 @@ | |||
float: right; | |||
} | |||
.coupon_detail image { | |||
.coupon_detail .wmfl{ | |||
display: block; | |||
width: 260rpx; | |||
height: 100rpx; | |||
width: 255rpx; | |||
height: 184rpx; | |||
border-radius: 16rpx; | |||
overflow: hidden; | |||
} | |||
.coupon_detail image { | |||
display: block; | |||
width: 100%; | |||
height: 100%; | |||
} | |||
.coupon_detail .fr { | |||
@@ -216,7 +221,6 @@ | |||
} | |||
.notes { | |||
margin-top: 2%; | |||
border-top: 20rpx solid #f5f5f5; | |||
} | |||
@@ -236,7 +240,6 @@ | |||
.notes view:nth-child(2) { | |||
width: 92%; | |||
height: 400rpx; | |||
padding: 0 4%; | |||
background: #fff; | |||
display: flex; | |||
@@ -15,25 +15,23 @@ | |||
} | |||
.section { | |||
margin-top: 2%; | |||
} | |||
.section:nth-of-type(1) { | |||
margin-top: 30rpx; | |||
position: relative; | |||
} | |||
.detail_msg { | |||
width: 92%; | |||
height: 202rpx !important; | |||
height: 186rpx !important; | |||
background: #fff; | |||
display: flex; | |||
padding: 0 4%; | |||
margin-top: 2%; | |||
padding: 30rpx 4%; | |||
border-bottom: 1px solid #ededed; | |||
} | |||
.logo { | |||
width: 348rpx; | |||
height: 184rpx; | |||
border: 1px solid #f8f8f8; | |||
border-radius: 15rpx; | |||
} | |||
.logo image { | |||
@@ -70,16 +68,19 @@ | |||
} | |||
.btns { | |||
position: absolute; | |||
top: 0; | |||
right: 20rpx; | |||
bottom: 0; | |||
margin: auto; | |||
width: 200rpx; | |||
height: 60rpx; | |||
line-height: 60rpx; | |||
text-align: center; | |||
background: #00c0ff; | |||
color: #fff; | |||
float: right; | |||
border-radius: 15rpx; | |||
font-size: 28rpx; | |||
margin-top: 20rpx; | |||
} | |||
.txt1 { | |||
@@ -92,35 +93,38 @@ | |||
color: #f96563; | |||
} | |||
.nocoupon image{ | |||
.nocoupon image { | |||
width: 203rpx; | |||
display: block; | |||
margin: 200rpx auto 0; | |||
} | |||
.nocoupon text{ | |||
.nocoupon text { | |||
display: block; | |||
text-align: center; | |||
font-size:30rpx; | |||
color: #00C0FF; | |||
font-size: 30rpx; | |||
color: #00c0ff; | |||
} | |||
.nocoupon button{ | |||
background: #00C0FF; | |||
.nocoupon button { | |||
background: #00c0ff; | |||
color: #fff; | |||
font-style: 30rpx; | |||
width: 70%; | |||
margin: 30rpx auto 0; | |||
} | |||
.loading{ | |||
.loading { | |||
text-align: center; | |||
height: 80rpx; | |||
line-height: 80rpx; | |||
font-size: 26rpx; | |||
color: #999; | |||
} | |||
.loading image{ | |||
.loading image { | |||
width: 40rpx; | |||
height: 40rpx; | |||
vertical-align: middle; | |||
margin-right: 10rpx; | |||
} | |||
} |
@@ -20,7 +20,7 @@ | |||
.detail_msg { | |||
width: 92%; | |||
height: 220rpx !important; | |||
height: 200rpx !important; | |||
background: #fff; | |||
display: flex; | |||
margin: 0 4%; | |||
@@ -31,7 +31,9 @@ | |||
.logo { | |||
width: 248rpx; | |||
height: 184rpx; | |||
border-radius: 30rpx; | |||
border: 1px solid #f8f8f8; | |||
border-radius: 16rpx; | |||
overflow: hidden; | |||
} | |||
.logo image { | |||