@@ -34,7 +34,7 @@ page{ | |||
background-color: #ffffff; | |||
} | |||
.line{ | |||
margin-left: 94rpx; | |||
margin-left: 80rpx; | |||
margin-right: 46rpx; | |||
width: 1rpx; | |||
height: 126rpx; |
@@ -78,7 +78,6 @@ page{ | |||
.ticketName{ | |||
font-size:36rpx; | |||
font-family:SourceHanSansCN; | |||
font-weight:bold; | |||
color:rgba(51,51,51,1); | |||
margin-left: 96rpx; | |||
} | |||
@@ -111,7 +110,7 @@ page{ | |||
color:rgba(51,51,51,1); | |||
} | |||
.bigWord{ | |||
font-size:100rpx; | |||
font-size:90rpx; | |||
font-family:DINPro; | |||
font-weight:bold; | |||
color:rgba(235,97,0,1); |
@@ -7,15 +7,22 @@ | |||
<block wx:for="{{dataList}}" wx:key="*this"> | |||
<swiper-item data-index="{{item.coupon_sell_id}}" bindtap="skipPage"> --> | |||
<view class="botCont" data-index="{{dataList.coupon_sell_id}}" bindtap="skipPage"> | |||
<view class="imgView"> | |||
<image class="indexBuy" src="../images/indexBuy.png"></image> | |||
<!-- <view class="imgView"> | |||
<image src="{{dataList.coupon_img_small}}"></image> | |||
</view> | |||
</view> --> | |||
<view class="textView"> | |||
<text class="nameText">{{dataList.coupon_name}}</text> | |||
<!-- <text class="nameText">{{dataList.coupon_name}}</text> --> | |||
<view class="bigticketView"> | |||
<text class="maney">92</text> | |||
<text class="Bigticket">元抵</text> | |||
<text class="maney">100</text> | |||
<text class="Bigticket">元</text> | |||
</view> | |||
<text class="timeText">{{dataList.coupon_condition_desc}}</text> | |||
<text class="timeText">(有效期:{{dataList.duration}})</text> | |||
</view> | |||
<view class="buyView">立即购买</view> | |||
<image class="indexBtnBuy" src="../images/indexBtnBuy.png"></image> | |||
</view> | |||
<!-- </swiper-item> | |||
</block> |
@@ -22,15 +22,15 @@ page{ | |||
} */ | |||
.botCont{ | |||
/* width: 607rpx; */ | |||
width: 678rpx; | |||
width: 100%; | |||
border-radius:30rpx; | |||
background-color:#ffffff; | |||
display: flex; | |||
flex-direction: row; | |||
flex-wrap: wrap; | |||
padding-top: 62rpx; | |||
padding-left: 75rpx; | |||
padding-bottom: 53rpx; | |||
padding-top: 70rpx; | |||
/* padding-left: 75rpx; */ | |||
padding-bottom: 40rpx; | |||
position: fixed; | |||
left: 0; | |||
@@ -51,19 +51,36 @@ page{ | |||
} | |||
.textView{ | |||
width: 318rpx; | |||
height: 248rpx; | |||
padding-left: 33rpx; | |||
position: absolute; | |||
left: 97rpx; | |||
top: 150rpx; | |||
text-align: center; | |||
} | |||
.textView text{ | |||
display: block; | |||
} | |||
.nameText{ | |||
font-size:50rpx; | |||
font-size:40rpx; | |||
font-family:DINPro; | |||
font-weight:bold; | |||
color:rgba(106,10,14,1); | |||
color:#8f560f; | |||
margin-top: 42rpx; | |||
margin-bottom: 42rpx | |||
/* margin-bottom: 42rpx */ | |||
} | |||
.bigticketView{ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
color:#8f560f; | |||
} | |||
.maney{ | |||
font-weight:bold; | |||
font-size:40rpx; | |||
} | |||
.Bigticket{ | |||
font-size:35rpx; | |||
font-family:DINPro; | |||
color:#8f560f; | |||
} | |||
.timeText{ | |||
font-size:20rpx; | |||
@@ -84,7 +101,7 @@ page{ | |||
height: 37rpx; | |||
position: fixed; | |||
right: 30rpx; | |||
bottom: 485rpx; | |||
bottom: 480rpx; | |||
z-index: 10; | |||
} | |||
.maskAll{ | |||
@@ -111,4 +128,14 @@ page{ | |||
top: 50%; | |||
left: 50%; | |||
transform: translate(-50%,-50%); | |||
} | |||
.indexBuy{ | |||
width: 650rpx; | |||
height: 275rpx; | |||
margin-left: 50rpx; | |||
} | |||
.indexBtnBuy{ | |||
width: 368rpx; | |||
height: 73rpx; | |||
margin-left: 191rpx; | |||
} |
@@ -29,11 +29,18 @@ | |||
<scroll-view class="scrollY1" scroll-y="true" wx:if="{{myTicketArrows}}"> | |||
<view class="contAll" wx:for="{{myTicketArr}}"> | |||
<view class="ticketCont" bindtap="lookTicket" data-id = "{{item.coupon_sell_id}}"> | |||
<view class="ticketImg"> | |||
<image class="centerBuy" src="../images/centerBuy.png"></image> | |||
<!-- <view class="ticketImg"> | |||
<image class="ticketImg" src="{{item.coupon_img_small}}"></image> | |||
</view> | |||
</view> --> | |||
<view class="rigWord"> | |||
<view class="name">{{item.coupon_name}}</view> | |||
<!-- <view class="name">{{item.coupon_name}}</view> --> | |||
<view class="bigticketView"> | |||
<text class="maney">92</text> | |||
<text class="Bigticket">元抵</text> | |||
<text class="maney">100</text> | |||
<text class="Bigticket">元</text> | |||
</view> | |||
<view class="time">{{item.coupon_condition_desc}}</view> | |||
<view class="time">(有效期:{{item.duration}})</view> | |||
</view> |
@@ -90,6 +90,7 @@ page{ | |||
display: flex; | |||
justify-content: space-between; | |||
align-items: center; | |||
width: 622rpx; | |||
} | |||
.ticketIcon{ | |||
width: 49rpx; | |||
@@ -120,11 +121,20 @@ page{ | |||
margin-right: 32rpx; | |||
} | |||
.name{ | |||
font-size:50rpx; | |||
color:rgba(106,10,14,1); | |||
margin-bottom: 20rpx; | |||
} | |||
.name1,.name2{ | |||
font-size:35rpx; | |||
font-family:SourceHanSansCN; | |||
font-weight:bold; | |||
color:rgba(106,10,14,1); | |||
} | |||
.name3{ | |||
font-size:60rpx; | |||
font-family:SourceHanSansCN; | |||
font-weight:bold; | |||
color:rgba(106,10,14,1); | |||
margin-bottom: 40rpx; | |||
} | |||
.time{ | |||
font-size:20rpx; | |||
@@ -136,12 +146,11 @@ page{ | |||
/* display: flex; | |||
justify-content: space-between; | |||
align-items: center;*/ | |||
margin-top: 41rpx; | |||
margin-bottom: 33rpx; | |||
} | |||
.giveFrinedBtn{ | |||
width: 240rpx; | |||
height: 64rpx; | |||
width: 308rpx; | |||
height: 73rpx; | |||
float: right; | |||
} | |||
.clickLook{ | |||
@@ -214,9 +223,9 @@ page{ | |||
background-color: #CCCCCC; | |||
margin: 0 auto 40rpx auto; | |||
} | |||
.contAll{ | |||
/* .contAll{ | |||
box-shadow: 50rpx 10rpx 20rpx #d4d2d2; | |||
} | |||
} */ | |||
.getToRsgister{ | |||
width: 230rpx; | |||
@@ -226,4 +235,32 @@ page{ | |||
.getHeader{ | |||
width: 230rpx; | |||
height: 64rpx; | |||
} | |||
.centerBuy{ | |||
width: 650rpx; | |||
height: 275rpx; | |||
} | |||
.rigWord{ | |||
width: 350rpx; | |||
text-align: center; | |||
position: absolute; | |||
top: 90rpx; | |||
left: 45rpx; | |||
} | |||
.bigticketView{ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
color:#8f560f; | |||
} | |||
.maney{ | |||
font-weight:bold; | |||
font-size:40rpx; | |||
} | |||
.Bigticket{ | |||
font-size:35rpx; | |||
font-family:DINPro; | |||
color:#8f560f; | |||
} |
@@ -11,14 +11,18 @@ | |||
<text class="text">张</text> | |||
</view> | |||
<view class="ticketType">{{ticketUser.coupon_name}}{{ticketUser.type_name}}</view> | |||
<view class="line"></view> | |||
</view> | |||
<view class="line"></view> | |||
<view class="contBot"> | |||
<view class="picView"> | |||
<image class="smallTicket" src="{{ticketUser.coupon_img_small}}"></image> | |||
</view> | |||
<image class="receiveTicket" src="../images/receiveTicket.png"></image> | |||
<view class="textView"> | |||
<text class="nameText">{{ticketUser.coupon_name}}</text> | |||
<view class="bigticketView"> | |||
<text class="maney">92</text> | |||
<text class="Bigticket">元抵</text> | |||
<text class="maney">100</text> | |||
<text class="Bigticket">元</text> | |||
</view> | |||
<!-- <text class="nameText">{{ticketUser.coupon_name}}</text> --> | |||
<text class="timeText">{{ticketUser.coupon_condition_desc}}</text> | |||
<text class="timeText">(有效期:{{ticketUser.duration}})</text> | |||
</view> | |||
@@ -29,6 +33,7 @@ | |||
<view wx:if="{{!yesGet}}"> | |||
<view class="errorTitle">领取失败</view> | |||
<view class="ticketState">{{titleWord}}</view> | |||
<view class="line"></view> | |||
<view class="question">如有疑问请联系</view> | |||
<view class="wx">{{ticketUser.nickname}}</view> | |||
<view class="phone">{{userPhone}}</view> |
@@ -64,7 +64,10 @@ page{ | |||
.content{ | |||
margin-top: 220rpx; | |||
} | |||
.contBot{ | |||
position: relative; | |||
text-align: center; | |||
} | |||
.picView{ | |||
width: 248rpx; | |||
height: 248rpx; | |||
@@ -75,16 +78,12 @@ page{ | |||
width: 248rpx; | |||
height: 248rpx; | |||
} | |||
.contBot{ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
margin-top: 80rpx; | |||
} | |||
.textView{ | |||
width: 318rpx; | |||
height: 248rpx; | |||
padding-left: 33rpx; | |||
position: absolute; | |||
top: 90rpx; | |||
left: 135rpx; | |||
} | |||
.textView text{ | |||
display: block; | |||
@@ -94,8 +93,6 @@ page{ | |||
font-family:DINPro; | |||
font-weight:bold; | |||
color:rgba(106,10,14,1); | |||
margin-top: 42rpx; | |||
margin-bottom: 25rpx | |||
} | |||
.timeText{ | |||
font-size:20rpx; | |||
@@ -153,4 +150,29 @@ page{ | |||
width: 670rpx; | |||
height: 98rpx; | |||
margin: 310rpx auto 0 auto; | |||
} | |||
.receiveTicket{ | |||
width: 609rpx; | |||
height: 230rpx; | |||
} | |||
.bigticketView{ | |||
display: flex; | |||
justify-content: center; | |||
align-items: center; | |||
color:#8f560f; | |||
} | |||
.maney{ | |||
font-weight:bold; | |||
font-size:40rpx; | |||
} | |||
.Bigticket{ | |||
font-size:35rpx; | |||
font-family:DINPro; | |||
color:#8f560f; | |||
} | |||
.line{ | |||
width: 605rpx; | |||
margin: 70rpx auto 20rpx auto; | |||
height: 1rpx; | |||
background-color: #cccccc; | |||
} |