Browse Source

[优惠券详情[修改]:优惠券详情页面样式的修改

tags/2.2.4
meo 6 years ago
parent
commit
0f9aa3c6f3
4 changed files with 40 additions and 46 deletions
  1. +3
    -18
      pages/couponorder/detail/index.wxml
  2. +11
    -8
      pages/couponorder/detail/index.wxss
  3. +22
    -18
      pages/couponorder/index/index.wxss
  4. +4
    -2
      pages/order/index/index.wxss

+ 3
- 18
pages/couponorder/detail/index.wxml View File

@@ -1,6 +1,8 @@
<view class="container page"> <view class="container page">
<view class="coupon_detail clearfix"> <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"> <view class="fr">
<text class="title">{{data.title}}</text> <text class="title">{{data.title}}</text>
<view class="time">{{data.subTitle}}</view> <view class="time">{{data.subTitle}}</view>
@@ -16,20 +18,6 @@
<text>有效期至:</text> <text>有效期至:</text>
<text>{{expiredTime}}</text> <text>{{expiredTime}}</text>
</view> </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"> <view class="zhuangtai">
<image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg"></image> <image wx:if="{{data.couponOrderStatus==1}}" src="./../../../assets/img/wm01.jpg"></image>
<image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg"></image> <image wx:if="{{data.couponOrderStatus==2}}" src="./../../../assets/img/wm02.jpg"></image>
@@ -45,9 +33,6 @@
</view> </view>
</view> </view>





<view class="posi"> <view class="posi">
<view class="tit"> <view class="tit">
适用门店 适用门店


+ 11
- 8
pages/couponorder/detail/index.wxss View File

@@ -3,14 +3,14 @@
} }


.panel,.zhuangtai image{ .panel,.zhuangtai image{
position: relative;
width: 510rpx; width: 510rpx;
height: 581rpx; height: 581rpx;
display: block; display: block;
border-radius: 10rpx; border-radius: 10rpx;
background-color: #fff; background-color: #fff;
margin: 22rpx auto 0; margin: 22rpx auto 0;
padding: 30rpx 0;
position: relative;
padding: 30rpx 0 0;
z-index: 10000000000; z-index: 10000000000;
} }
.pane2{ .pane2{
@@ -27,7 +27,6 @@
background: #fff; background: #fff;
height: 88rpx; height: 88rpx;
width: 98%; width: 98%;
margin: 30rpx auto 0;
color: #7e7e7e; color: #7e7e7e;
line-height: 88rpx; line-height: 88rpx;
border-radius: 16rpx; border-radius: 16rpx;
@@ -84,11 +83,17 @@
float: right; float: right;
} }


.coupon_detail image {
.coupon_detail .wmfl{
display: block; display: block;
width: 260rpx;
height: 100rpx;
width: 255rpx;
height: 184rpx;
border-radius: 16rpx; border-radius: 16rpx;
overflow: hidden;
}
.coupon_detail image {
display: block;
width: 100%;
height: 100%;
} }


.coupon_detail .fr { .coupon_detail .fr {
@@ -216,7 +221,6 @@
} }


.notes { .notes {
margin-top: 2%;
border-top: 20rpx solid #f5f5f5; border-top: 20rpx solid #f5f5f5;
} }


@@ -236,7 +240,6 @@


.notes view:nth-child(2) { .notes view:nth-child(2) {
width: 92%; width: 92%;
height: 400rpx;
padding: 0 4%; padding: 0 4%;
background: #fff; background: #fff;
display: flex; display: flex;


+ 22
- 18
pages/couponorder/index/index.wxss View File

@@ -15,25 +15,23 @@
} }


.section { .section {
margin-top: 2%;
}
.section:nth-of-type(1) {
margin-top: 30rpx;
position: relative;
} }


.detail_msg { .detail_msg {
width: 92%; width: 92%;
height: 202rpx !important;
height: 186rpx !important;
background: #fff; background: #fff;
display: flex; display: flex;
padding: 0 4%;
margin-top: 2%;
padding: 30rpx 4%;
border-bottom: 1px solid #ededed; border-bottom: 1px solid #ededed;
} }


.logo { .logo {
width: 348rpx; width: 348rpx;
height: 184rpx; height: 184rpx;
border: 1px solid #f8f8f8;
border-radius: 15rpx;
} }


.logo image { .logo image {
@@ -70,16 +68,19 @@
} }


.btns { .btns {
position: absolute;
top: 0;
right: 20rpx;
bottom: 0;
margin: auto;
width: 200rpx; width: 200rpx;
height: 60rpx; height: 60rpx;
line-height: 60rpx; line-height: 60rpx;
text-align: center; text-align: center;
background: #00c0ff; background: #00c0ff;
color: #fff; color: #fff;
float: right;
border-radius: 15rpx; border-radius: 15rpx;
font-size: 28rpx; font-size: 28rpx;
margin-top: 20rpx;
} }


.txt1 { .txt1 {
@@ -92,35 +93,38 @@
color: #f96563; color: #f96563;
} }


.nocoupon image{
.nocoupon image {
width: 203rpx; width: 203rpx;
display: block; display: block;
margin: 200rpx auto 0; margin: 200rpx auto 0;
} }
.nocoupon text{

.nocoupon text {
display: block; display: block;
text-align: center; text-align: center;
font-size:30rpx;
color: #00C0FF;
font-size: 30rpx;
color: #00c0ff;
} }
.nocoupon button{
background: #00C0FF;

.nocoupon button {
background: #00c0ff;
color: #fff; color: #fff;
font-style: 30rpx; font-style: 30rpx;
width: 70%; width: 70%;
margin: 30rpx auto 0; margin: 30rpx auto 0;
} }


.loading{
.loading {
text-align: center; text-align: center;
height: 80rpx; height: 80rpx;
line-height: 80rpx; line-height: 80rpx;
font-size: 26rpx; font-size: 26rpx;
color: #999; color: #999;
} }
.loading image{

.loading image {
width: 40rpx; width: 40rpx;
height: 40rpx; height: 40rpx;
vertical-align: middle; vertical-align: middle;
margin-right: 10rpx; margin-right: 10rpx;
}
}

+ 4
- 2
pages/order/index/index.wxss View File

@@ -20,7 +20,7 @@
.detail_msg { .detail_msg {
width: 92%; width: 92%;
height: 220rpx !important;
height: 200rpx !important;
background: #fff; background: #fff;
display: flex; display: flex;
margin: 0 4%; margin: 0 4%;
@@ -31,7 +31,9 @@
.logo { .logo {
width: 248rpx; width: 248rpx;
height: 184rpx; height: 184rpx;
border-radius: 30rpx;
border: 1px solid #f8f8f8;
border-radius: 16rpx;
overflow: hidden;
} }
.logo image { .logo image {


Loading…
Cancel
Save