background-color: #ffffff; | background-color: #ffffff; | ||||
} | } | ||||
.line{ | .line{ | ||||
margin-left: 94rpx; | |||||
margin-left: 80rpx; | |||||
margin-right: 46rpx; | margin-right: 46rpx; | ||||
width: 1rpx; | width: 1rpx; | ||||
height: 126rpx; | height: 126rpx; |
.ticketName{ | .ticketName{ | ||||
font-size:36rpx; | font-size:36rpx; | ||||
font-family:SourceHanSansCN; | font-family:SourceHanSansCN; | ||||
font-weight:bold; | |||||
color:rgba(51,51,51,1); | color:rgba(51,51,51,1); | ||||
margin-left: 96rpx; | margin-left: 96rpx; | ||||
} | } | ||||
color:rgba(51,51,51,1); | color:rgba(51,51,51,1); | ||||
} | } | ||||
.bigWord{ | .bigWord{ | ||||
font-size:100rpx; | |||||
font-size:90rpx; | |||||
font-family:DINPro; | font-family:DINPro; | ||||
font-weight:bold; | font-weight:bold; | ||||
color:rgba(235,97,0,1); | color:rgba(235,97,0,1); |
<block wx:for="{{dataList}}" wx:key="*this"> | <block wx:for="{{dataList}}" wx:key="*this"> | ||||
<swiper-item data-index="{{item.coupon_sell_id}}" bindtap="skipPage"> --> | <swiper-item data-index="{{item.coupon_sell_id}}" bindtap="skipPage"> --> | ||||
<view class="botCont" data-index="{{dataList.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> | <image src="{{dataList.coupon_img_small}}"></image> | ||||
</view> | |||||
</view> --> | |||||
<view class="textView"> | <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.coupon_condition_desc}}</text> | ||||
<text class="timeText">(有效期:{{dataList.duration}})</text> | <text class="timeText">(有效期:{{dataList.duration}})</text> | ||||
</view> | </view> | ||||
<view class="buyView">立即购买</view> | |||||
<image class="indexBtnBuy" src="../images/indexBtnBuy.png"></image> | |||||
</view> | </view> | ||||
<!-- </swiper-item> | <!-- </swiper-item> | ||||
</block> | </block> |
} */ | } */ | ||||
.botCont{ | .botCont{ | ||||
/* width: 607rpx; */ | /* width: 607rpx; */ | ||||
width: 678rpx; | |||||
width: 100%; | |||||
border-radius:30rpx; | border-radius:30rpx; | ||||
background-color:#ffffff; | background-color:#ffffff; | ||||
display: flex; | display: flex; | ||||
flex-direction: row; | flex-direction: row; | ||||
flex-wrap: wrap; | flex-wrap: wrap; | ||||
padding-top: 62rpx; | |||||
padding-left: 75rpx; | |||||
padding-bottom: 53rpx; | |||||
padding-top: 70rpx; | |||||
/* padding-left: 75rpx; */ | |||||
padding-bottom: 40rpx; | |||||
position: fixed; | position: fixed; | ||||
left: 0; | left: 0; | ||||
} | } | ||||
.textView{ | .textView{ | ||||
width: 318rpx; | width: 318rpx; | ||||
height: 248rpx; | |||||
padding-left: 33rpx; | |||||
position: absolute; | |||||
left: 97rpx; | |||||
top: 150rpx; | |||||
text-align: center; | |||||
} | } | ||||
.textView text{ | .textView text{ | ||||
display: block; | display: block; | ||||
} | } | ||||
.nameText{ | .nameText{ | ||||
font-size:50rpx; | |||||
font-size:40rpx; | |||||
font-family:DINPro; | font-family:DINPro; | ||||
font-weight:bold; | font-weight:bold; | ||||
color:rgba(106,10,14,1); | |||||
color:#8f560f; | |||||
margin-top: 42rpx; | 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{ | .timeText{ | ||||
font-size:20rpx; | font-size:20rpx; | ||||
height: 37rpx; | height: 37rpx; | ||||
position: fixed; | position: fixed; | ||||
right: 30rpx; | right: 30rpx; | ||||
bottom: 485rpx; | |||||
bottom: 480rpx; | |||||
z-index: 10; | z-index: 10; | ||||
} | } | ||||
.maskAll{ | .maskAll{ | ||||
top: 50%; | top: 50%; | ||||
left: 50%; | left: 50%; | ||||
transform: translate(-50%,-50%); | transform: translate(-50%,-50%); | ||||
} | |||||
.indexBuy{ | |||||
width: 650rpx; | |||||
height: 275rpx; | |||||
margin-left: 50rpx; | |||||
} | |||||
.indexBtnBuy{ | |||||
width: 368rpx; | |||||
height: 73rpx; | |||||
margin-left: 191rpx; | |||||
} | } |
<scroll-view class="scrollY1" scroll-y="true" wx:if="{{myTicketArrows}}"> | <scroll-view class="scrollY1" scroll-y="true" wx:if="{{myTicketArrows}}"> | ||||
<view class="contAll" wx:for="{{myTicketArr}}"> | <view class="contAll" wx:for="{{myTicketArr}}"> | ||||
<view class="ticketCont" bindtap="lookTicket" data-id = "{{item.coupon_sell_id}}"> | <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> | <image class="ticketImg" src="{{item.coupon_img_small}}"></image> | ||||
</view> | |||||
</view> --> | |||||
<view class="rigWord"> | <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.coupon_condition_desc}}</view> | ||||
<view class="time">(有效期:{{item.duration}})</view> | <view class="time">(有效期:{{item.duration}})</view> | ||||
</view> | </view> |
display: flex; | display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
align-items: center; | align-items: center; | ||||
width: 622rpx; | |||||
} | } | ||||
.ticketIcon{ | .ticketIcon{ | ||||
width: 49rpx; | width: 49rpx; | ||||
margin-right: 32rpx; | margin-right: 32rpx; | ||||
} | } | ||||
.name{ | .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-family:SourceHanSansCN; | ||||
font-weight:bold; | font-weight:bold; | ||||
color:rgba(106,10,14,1); | color:rgba(106,10,14,1); | ||||
margin-bottom: 40rpx; | |||||
} | } | ||||
.time{ | .time{ | ||||
font-size:20rpx; | font-size:20rpx; | ||||
/* display: flex; | /* display: flex; | ||||
justify-content: space-between; | justify-content: space-between; | ||||
align-items: center;*/ | align-items: center;*/ | ||||
margin-top: 41rpx; | |||||
margin-bottom: 33rpx; | margin-bottom: 33rpx; | ||||
} | } | ||||
.giveFrinedBtn{ | .giveFrinedBtn{ | ||||
width: 240rpx; | |||||
height: 64rpx; | |||||
width: 308rpx; | |||||
height: 73rpx; | |||||
float: right; | float: right; | ||||
} | } | ||||
.clickLook{ | .clickLook{ | ||||
background-color: #CCCCCC; | background-color: #CCCCCC; | ||||
margin: 0 auto 40rpx auto; | margin: 0 auto 40rpx auto; | ||||
} | } | ||||
.contAll{ | |||||
/* .contAll{ | |||||
box-shadow: 50rpx 10rpx 20rpx #d4d2d2; | box-shadow: 50rpx 10rpx 20rpx #d4d2d2; | ||||
} | |||||
} */ | |||||
.getToRsgister{ | .getToRsgister{ | ||||
width: 230rpx; | width: 230rpx; | ||||
.getHeader{ | .getHeader{ | ||||
width: 230rpx; | width: 230rpx; | ||||
height: 64rpx; | 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; | |||||
} | } |
<text class="text">张</text> | <text class="text">张</text> | ||||
</view> | </view> | ||||
<view class="ticketType">{{ticketUser.coupon_name}}{{ticketUser.type_name}}</view> | <view class="ticketType">{{ticketUser.coupon_name}}{{ticketUser.type_name}}</view> | ||||
<view class="line"></view> | |||||
</view> | </view> | ||||
<view class="line"></view> | |||||
<view class="contBot"> | <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"> | <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.coupon_condition_desc}}</text> | ||||
<text class="timeText">(有效期:{{ticketUser.duration}})</text> | <text class="timeText">(有效期:{{ticketUser.duration}})</text> | ||||
</view> | </view> | ||||
<view wx:if="{{!yesGet}}"> | <view wx:if="{{!yesGet}}"> | ||||
<view class="errorTitle">领取失败</view> | <view class="errorTitle">领取失败</view> | ||||
<view class="ticketState">{{titleWord}}</view> | <view class="ticketState">{{titleWord}}</view> | ||||
<view class="line"></view> | |||||
<view class="question">如有疑问请联系</view> | <view class="question">如有疑问请联系</view> | ||||
<view class="wx">{{ticketUser.nickname}}</view> | <view class="wx">{{ticketUser.nickname}}</view> | ||||
<view class="phone">{{userPhone}}</view> | <view class="phone">{{userPhone}}</view> |
.content{ | .content{ | ||||
margin-top: 220rpx; | margin-top: 220rpx; | ||||
} | } | ||||
.contBot{ | |||||
position: relative; | |||||
text-align: center; | |||||
} | |||||
.picView{ | .picView{ | ||||
width: 248rpx; | width: 248rpx; | ||||
height: 248rpx; | height: 248rpx; | ||||
width: 248rpx; | width: 248rpx; | ||||
height: 248rpx; | height: 248rpx; | ||||
} | } | ||||
.contBot{ | |||||
display: flex; | |||||
justify-content: center; | |||||
align-items: center; | |||||
margin-top: 80rpx; | |||||
} | |||||
.textView{ | .textView{ | ||||
width: 318rpx; | width: 318rpx; | ||||
height: 248rpx; | height: 248rpx; | ||||
padding-left: 33rpx; | |||||
position: absolute; | |||||
top: 90rpx; | |||||
left: 135rpx; | |||||
} | } | ||||
.textView text{ | .textView text{ | ||||
display: block; | display: block; | ||||
font-family:DINPro; | font-family:DINPro; | ||||
font-weight:bold; | font-weight:bold; | ||||
color:rgba(106,10,14,1); | color:rgba(106,10,14,1); | ||||
margin-top: 42rpx; | |||||
margin-bottom: 25rpx | |||||
} | } | ||||
.timeText{ | .timeText{ | ||||
font-size:20rpx; | font-size:20rpx; | ||||
width: 670rpx; | width: 670rpx; | ||||
height: 98rpx; | height: 98rpx; | ||||
margin: 310rpx auto 0 auto; | 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; | |||||
} | } |