Skip to content
Projects
Groups
Snippets
Help
Loading...
Help
Submit feedback
Sign in / Register
Toggle navigation
U
uni-pdtravel
Project
Project
Details
Activity
Releases
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
panyongping
uni-pdtravel
Commits
373ca213
Commit
373ca213
authored
Sep 13, 2023
by
潘永坪
Browse files
Options
Browse Files
Download
Plain Diff
Merge branch 'develop' of
http://git.tbd.yanzuoguang.com/panyongping/uni-pdtravel
into develop
parents
4fb4cde4
ee98a1ce
Changes
4
Show whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
235 additions
and
263 deletions
+235
-263
pages.json
pages.json
+10
-1
myPhotoAlbum.vue
pages/album/myPhotoAlbum/myPhotoAlbum.vue
+1
-0
applyUnsubscription.vue
pages/my/applyUnsubscription/applyUnsubscription.vue
+87
-0
electronicTicket.vue
pages/my/order/electronicTicket/electronicTicket.vue
+137
-262
No files found.
pages.json
View file @
373ca213
...
@@ -269,6 +269,15 @@
...
@@ -269,6 +269,15 @@
"enablePullDownRefresh"
:
false
"enablePullDownRefresh"
:
false
}
}
}
,{
"path"
:
"applyUnsubscription/applyUnsubscription"
,
"style"
:
{
"navigationBarTitleText"
:
"退订"
,
"enablePullDownRefresh"
:
false
}
}
}
]
]
},
},
...
...
pages/album/myPhotoAlbum/myPhotoAlbum.vue
View file @
373ca213
...
@@ -178,6 +178,7 @@ export default {
...
@@ -178,6 +178,7 @@ export default {
this
.
companyId
=
this
.
$commonjs
.
getCompanyId
(
option
)
||
''
this
.
companyId
=
this
.
$commonjs
.
getCompanyId
(
option
)
||
''
//this.companyId = '6da527f930be4aa1904fe17fcb41874f'
//this.companyId = '6da527f930be4aa1904fe17fcb41874f'
this
.
openid
=
uni
.
getStorageSync
(
'openid'
)
//获取openid
this
.
openid
=
uni
.
getStorageSync
(
'openid'
)
//获取openid
//this.openid = 'oroHZ5B455jLw_BqDmVpr7W13NLY' //获取openid
this
.
faceIds
=
JSON
.
parse
(
option
.
faceIds
)
this
.
faceIds
=
JSON
.
parse
(
option
.
faceIds
)
this
.
location
=
JSON
.
parse
(
uni
.
getStorageSync
(
'location'
))
this
.
location
=
JSON
.
parse
(
uni
.
getStorageSync
(
'location'
))
this
.
merchantId
=
option
.
merchantId
||
'z0015605022691a5945bbe463141668c'
// 'z0015605022691a5945bbe463141668c'
this
.
merchantId
=
option
.
merchantId
||
'z0015605022691a5945bbe463141668c'
// 'z0015605022691a5945bbe463141668c'
...
...
pages/my/applyUnsubscription/applyUnsubscription.vue
0 → 100644
View file @
373ca213
<
template
>
<view
class=
"apply-box"
>
<!--提示-->
<view
class=
"apply-tips"
>
同一身份证退票当日仅再购1次,同一身份证一个月累计可购3次
</view>
<view
class=
"apply-ticket general-Box"
>
<view
class=
"ticket-title"
>
<view
class=
"title-name"
>
长江索道(往返票/成人票)
</view>
<view
class=
"title-num"
>
x2
</view>
</view>
<view
class=
"ticket-timer"
>
游玩当日17:00之前未使用可退
</view>
</view>
<view
class=
"apply-user general-Box"
>
</view>
</view>
</
template
>
<
script
>
export
default
{
data
()
{
return
{
}
},
onLoad
(
option
)
{
},
methods
:
{
}
}
</
script
>
<
style
scoped=
"scoped"
lang=
"scss"
>
.apply-box
{
height
:
100vh
;
background-color
:
#ECF3FE
;
padding
:
0rpx
0rpx
122rpx
0rpx
;
overflow
:
auto
;
}
.apply-tips
{
padding
:
12rpx
32rpx
12rpx
32rpx
;
font-size
:
24rpx
;
color
:
#FC771D
;
line-height
:
42rpx
;
background
:
#FFF1E8
;
margin-bottom
:
16rpx
;
}
.general-Box
{
width
:
702rpx
;
padding
:
0
24rpx
0
24rpx
;
background
:
#FFFFFF
;
box-shadow
:
0rpx
0rpx
16rpx
2rpx
rgba
(
0
,
0
,
0
,
0
.08
);
border-radius
:
16rpx
16rpx
16rpx
16rpx
;
margin
:
0
auto
16rpx
auto
;
}
.apply-ticket
{
padding
:
32rpx
24rpx
32rpx
24rpx
;
.ticket-title
{
display
:
flex
;
justify-content
:
space-between
;
margin-bottom
:
16rpx
;
.title-name
{
font-size
:
32rpx
;
font-weight
:
bold
;
color
:
#191919
;
line-height
:
40rpx
;
}
.title-num
{
font-size
:
32rpx
;
font-weight
:
bold
;
color
:
#333333
;
line-height
:
40rpx
;
}
}
.ticket-timer
{
font-size
:
28rpx
;
color
:
#3688FF
;
line-height
:
40rpx
;
}
}
.apply-user
{
}
</
style
>
pages/my/order/electronicTicket/electronicTicket.vue
View file @
373ca213
...
@@ -2,6 +2,13 @@
...
@@ -2,6 +2,13 @@
<view
class=
"page-box"
>
<view
class=
"page-box"
>
<view
class=
"order-status"
>
<view
class=
"order-status"
>
<view
class=
"status-box"
>
<view
class=
"status-box"
>
<template
v-if=
"channelType==1"
>
<view
class=
"status-type"
>
携程
<text
style=
"font-size: 28rpx;margin-left: 10rpx;"
>
{{
orderInfo
.
merchantName
}}
(
{{
orderInfo
.
productName
}}
)
</text>
</view>
</
template
>
<
template
v-else
>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<view
class=
"status-type"
v-if=
"orderInfo.orderStatus==2"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
<!--
<template
v-if=
"orderInfo.orderType==1"
>
出票成功
出票成功
...
@@ -19,6 +26,8 @@
...
@@ -19,6 +26,8 @@
</view>
</view>
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<!-- {{orderInfo.merchantName}}({{orderInfo.productName}}) -->
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
<view
class=
"status-product"
v-if=
"orderInfo.orderStatus==6"
>
款项预计1-7个工作日退回原支付账户
</view>
</template>
</view>
</view>
</view>
</view>
<
template
v-if=
"orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==2||orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==2"
>
<
template
v-if=
"orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==2||orderInfo.orderType==1&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==4||orderInfo.orderType==3&&ticketCode!=null&&orderInfo.orderStatus==2"
>
...
@@ -38,8 +47,7 @@
...
@@ -38,8 +47,7 @@
</view>
</view>
<view
class=
"certificate-box"
v-else-if=
"orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5"
>
<view
class=
"certificate-box"
v-else-if=
"orderInfo.exchangeMode==1||orderInfo.exchangeMode==4||orderInfo.exchangeMode==5"
>
<view
class=
"box-verificationCode"
>
验证码:
{{
ticketCode
}}
</view>
<view
class=
"box-verificationCode"
>
验证码:
{{
ticketCode
}}
</view>
<uqrcode
ref=
"uqrcode"
canvas-id=
"qrcode"
class=
"box-QRcode"
:class=
"showtip==false&&showUseRule==false?'':'box-QRcode2'"
:value=
"uqrcodeVal"
:options=
"
{ margin: 10 }" >
</uqrcode>
<uqrcode
ref=
"uqrcode"
canvas-id=
"qrcode"
size=
"200"
class=
"box-QRcode"
:value=
"uqrcodeVal"
:options=
"
{ margin: 10 }" >
</uqrcode>
<view
v-if=
"howtip==true||showUseRule==true"
style=
"width: 200px; height: 200px;"
></view>
<view
class=
"progress-box"
v-if=
"qrCodeType==true"
>
<view
class=
"progress-box"
v-if=
"qrCodeType==true"
>
<progress
:percent=
"percentage"
activeColor=
"#3688FF"
stroke-width=
"3"
/>
<progress
:percent=
"percentage"
activeColor=
"#3688FF"
stroke-width=
"3"
/>
</view>
</view>
...
@@ -216,6 +224,19 @@
...
@@ -216,6 +224,19 @@
</
template
>
</
template
>
</view>
</view>
</view>
</view>
<view
class=
"order-vouchers"
v-if=
"photoType==true"
>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-title"
>
恭喜您!获得摄影抵用券{{findCouponPhoto.couponPrice}}元
</view>
<view
class=
"vouchers-address"
>
使用地址:长江索道南站观景台旁
</view>
<view
class=
"vouchers-btn"
>
<view
class=
"btn-click"
@
click=
"immediateClaim()"
v-if=
"claimStatus==0"
>
立即领取
</view>
<view
class=
"btn-click"
v-else
>
已领取
</view>
<view
class=
"btn-to"
@
click=
"toMyCoupon()"
>
使用规则
<u-icon
name=
"arrow-right"
color=
"#333333"
></u-icon>
</view>
</view>
</view>
<view
class=
"order-mes order-allType order-positionTop"
>
<view
class=
"order-mes order-allType order-positionTop"
>
<view
class=
"alltype-title"
@
click=
"orderTypeNumFun()"
>
<view
class=
"alltype-title"
@
click=
"orderTypeNumFun()"
>
<!-- <view class="title-line">
<!-- <view class="title-line">
...
@@ -230,7 +251,7 @@
...
@@ -230,7 +251,7 @@
<view
class=
"case-list"
>
<view
class=
"case-list"
>
<view
class=
"list-name"
>
订单编号
</view>
<view
class=
"list-name"
>
订单编号
</view>
<view
class=
"list-text list-text2"
>
{{orderInfo.id}}
</view>
<view
class=
"list-text list-text2"
>
{{orderInfo.id}}
</view>
<image
class=
"list-btn"
@
click=
"copyText(orderInfo.id)"
src=
"../../
../../static/img/my
/icon01.png"
></image>
<image
class=
"list-btn"
@
click=
"copyText(orderInfo.id)"
src=
"../../
static/orderList
/icon01.png"
></image>
<!-- <view class="list-btn" @click="copyText(orderInfo.id)">复制</view> -->
<!-- <view class="list-btn" @click="copyText(orderInfo.id)">复制</view> -->
</view>
</view>
<view
class=
"case-list"
>
<view
class=
"case-list"
>
...
@@ -317,49 +338,7 @@
...
@@ -317,49 +338,7 @@
</view>
</view>
</view>
</view>
</view>
</view>
<!--抵消券 对应的遮罩-->
<view
class=
"couponBox"
@
click=
"showUseRule = true"
v-if=
"couponType"
>
<image
class=
"coupon"
src=
"../../../../static/img/my/coupon.png"
></image>
<text
class=
"coupon-price"
>
<text
class=
"r-symbol"
>
¥
</text>
{{couponPrice}}
</text>
</view>
<u-mask
:show=
"showtip || showUseRule"
>
<view
class=
"mask"
>
<view
class=
"img-box"
>
<!-- <image src="../../../../static/img/my/postcardTip.png" v-if="showtip"></image>
<image src="../../../../static/img/my/useRule.png" v-if="showUseRule"></image> -->
<view
v-if=
"showtip"
class=
"tips-vouchers"
>
<view
class=
"vouchers-title"
>
恭喜您!
</view>
<view
class=
"vouchers-title2"
>
获得摄影抵用
<text>
{{couponPrice}}
</text>
券
</view>
<image
class=
"vouchers-img"
src=
"../../../../static/img/my/bookmark.png"
></image>
<view
class=
"vouchers-to"
@
click=
"showtipFun()"
>
使用规则
<u-icon
class=
"to-url"
name=
"arrow-right"
></u-icon>
</view>
<view
class=
"vouchers-text"
>
(使用地址:长江索道南站观景台旁)
</view>
</view>
<view
v-if=
"showUseRule"
class=
"tips-useRule"
>
<view
class=
"useRule-title"
>
使用规则
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
规则说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRule"
:key=
"index"
>
· {{item}}
</view>
</view>
<view
class=
"useRule-list"
>
<view
class=
"list-title"
>
补充说明
</view>
<view
class=
"list-text"
v-for=
"(item,index) in couponRuleRemind"
:key=
"index"
>
· {{item}}
</view>
</view>
</view>
<image
class=
"coupon-backgruondImg"
src=
"../../../../static/img/my/backgroundIcon01.png"
></image>
<u-icon
class=
"close"
name=
"close-circle"
@
click=
"closeMask"
></u-icon>
</view>
<u-button
type=
"primary"
shape=
"circle"
@
click=
"showtipCloseFun()"
>
知道了
</u-button>
</view>
</u-mask>
</view>
</view>
</template>
</template>
...
@@ -563,13 +542,10 @@ export default {
...
@@ -563,13 +542,10 @@ export default {
btnRefundType
:
false
,
//是否可退款
btnRefundType
:
false
,
//是否可退款
ifyukuaiCode
:
''
,
ifyukuaiCode
:
''
,
visitorIndex
:
''
,
//短信特殊字段
visitorIndex
:
''
,
//短信特殊字段
showtip
:
false
,
//领取提示
channelType
:
0
,
//渠道状态channelType==0 订单列表跳转 ==1 OTA取票跳转
showUseRule
:
false
,
//使用规则提示
photoType
:
false
,
//是否显示优惠券
couponType
:
false
,
//是否拥有相册优惠券
claimStatus
:
1
,
//领取状态 0未领取 1已领取
findPageMarketList
:[],
//券信息
findCouponPhoto
:{},
//相册优惠券
couponPrice
:
0
,
//优惠价格
couponRule
:[],
//规则说明
couponRuleRemind
:[],
//补充说明
}
}
},
},
onShow
()
{
onShow
()
{
...
@@ -606,6 +582,7 @@ export default {
...
@@ -606,6 +582,7 @@ export default {
this
.
ifyukuaiCode
=
option
.
ifyukuaiCode
||
''
this
.
ifyukuaiCode
=
option
.
ifyukuaiCode
||
''
//this.id = "z00167956572219584dc15634b62cf75"
//this.id = "z00167956572219584dc15634b62cf75"
this
.
openId
=
uni
.
getStorageSync
(
'openid'
)
//openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this
.
openId
=
uni
.
getStorageSync
(
'openid'
)
//openid oroHZ5FaUQ_SOOC_uQQP92fJpBRE oh2UV1lyYABHMZ1rMlgjhVHyyYDQ
this
.
channelType
=
option
.
channelType
||
0
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
//this.openId = 'oh2UV1lyYABHMZ1rMlgjhVHyyYDQ'
this
.
getDetail
()
this
.
getDetail
()
},
},
...
@@ -627,62 +604,67 @@ export default {
...
@@ -627,62 +604,67 @@ export default {
})
})
},
},
methods
:
{
methods
:
{
showtipFun
(){
//点击使用规则
toMyCoupon
(){
//跳转我的优惠券
this
.
showtip
=
false
//领取提示
uni
.
navigateTo
({
this
.
showUseRule
=
true
//使用规则提示
url
:
'/pages/my/couponCenter/myCouponList/myCouponList'
},
})
showtipCloseFun
(){
//点击使用规则
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
},
closeMask
(){
//遮罩关闭
this
.
showtip
=
false
//领取提示
this
.
showUseRule
=
false
//使用规则提示
},
},
findPageMarketFun
(){
//优惠券
immediateClaim
(){
//立即领取
var
userId
=
uni
.
getStorageSync
(
'userId'
)
let
data
=
{
var
data
=
{
openid
:
this
.
openId
,
pageCode
:
'orderInfo'
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
marketingStatus
:
1
,
couponId
:
this
.
findCouponPhoto
.
couponId
,
openid
:
this
.
openId
,
//用户Id
comeFrom
:
'相册领券'
,
userId
:
userId
,
couponType
:
this
.
findCouponPhoto
.
couponType
,
}
deductPrice
:
this
.
findCouponPhoto
.
couponPrice
,
this
.
$request
(
'scenic/market/findPageMarket'
,
data
).
then
((
res
)
=>
{
useStartDate
:
this
.
findCouponPhoto
.
useStartDate
,
useEndDate
:
this
.
findCouponPhoto
.
useEndDate
,
couponRule
:
this
.
findCouponPhoto
.
couponRule
,
couponRuleRemind
:
this
.
findCouponPhoto
.
couponRuleRemind
,
couponName
:
this
.
findCouponPhoto
.
couponName
,
createSource
:
this
.
findCouponPhoto
.
isMerchant
,
slaveList
:
this
.
findCouponPhoto
.
slaveList
}
this
.
$request
(
'wechatUser/myPage/saveCoupon'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
if
(
res
.
code
==
'00'
){
this
.
findPageMarketList
=
res
.
data
uni
.
showToast
({
// showtip: false,//领取提示
title
:
'领取成功'
,
// showUseRule: false,//使用规则提示
icon
:
'none'
if
(
this
.
findPageMarketList
.
length
>
0
){
})
this
.
showtip
=
true
this
.
claimStatus
=
1
}
this
.
getUserCouponListFun
()
}
else
{
}
else
{
//
uni.showToast({
uni
.
showToast
({
//
title: res.message,
title
:
res
.
message
,
//
icon: 'none'
icon
:
'none'
//
})
})
}
}
}).
catch
(()
=>
{
})
})
},
},
getUserCouponListFun
(){
//判定券是否使用
findCouponListFun
(){
//券查询
var
data
=
{
let
data
=
{
openid
:
this
.
openId
,
//用户Id
openid
:
this
.
openId
,
useRange
:
11
,
}
}
this
.
$request
(
'
wechatUser/myPage/getUser
CouponList'
,
data
).
then
((
res
)
=>
{
this
.
$request
(
'
scenic/user/product/find
CouponList'
,
data
).
then
((
res
)
=>
{
if
(
res
.
code
==
'00'
){
if
(
res
.
code
==
'00'
){
res
.
data
.
forEach
((
item
,
index
)
=>
{
res
.
data
.
forEach
((
item
,
index
)
=>
{
if
(
item
.
useRange
==
11
&&
item
.
couponStatus
==
1
){
if
(
item
.
useRange
==
11
){
this
.
couponType
=
true
this
.
findCouponPhoto
=
item
this
.
couponPrice
=
item
.
deductPrice
this
.
claimStatus
=
0
this
.
couponRule
=
item
.
couponRule
.
split
(
';'
)
//规则说明
if
(
item
.
alreadyReceive
==
undefined
||
item
.
alreadyReceive
==
0
){
this
.
couponRuleRemind
=
item
.
couponRuleRemind
.
split
(
';'
)
//补充说明
this
.
claimStatus
=
0
}
else
{
this
.
claimStatus
=
1
}
this
.
photoType
=
true
}
}
})
})
}
else
{
}
else
{
uni
.
showToast
({
title
:
res
.
message
,
icon
:
'none'
})
}
}
}).
catch
(()
=>
{
})
})
},
},
orderTypeNumFun
(){
orderTypeNumFun
(){
...
@@ -745,7 +727,7 @@ export default {
...
@@ -745,7 +727,7 @@ export default {
// clearInterval(timer)
// clearInterval(timer)
// })
// })
}
}
this
.
find
PageMarke
tFun
()
this
.
find
CouponLis
tFun
()
}
else
{
}
else
{
uni
.
showToast
({
uni
.
showToast
({
title
:
res
.
message
,
title
:
res
.
message
,
...
@@ -1353,14 +1335,6 @@ export default {
...
@@ -1353,14 +1335,6 @@ export default {
width
:
200px
;
width
:
200px
;
height
:
200px
;
height
:
200px
;
margin
:
0
auto
;
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas-wrapper
,/
deep
/
.uqrcode
{
margin
:
0
auto
;
position
:
relative
;
}
/
deep
/
.uqrcode-canvas
{
transform
:(
1
,
1
)
}
}
.order-certificate
.certificate-box
.box-QRcode2
{
.order-certificate
.certificate-box
.box-QRcode2
{
position
:
fixed
;
position
:
fixed
;
...
@@ -1542,154 +1516,55 @@ export default {
...
@@ -1542,154 +1516,55 @@ export default {
color
:
#999999
;
color
:
#999999
;
margin-right
:
56rpx
;
margin-right
:
56rpx
;
}
}
/
deep
/
.u-mask
{
.order-vouchers
{
display
:
fle
x
;
width
:
710rp
x
;
justify-content
:
center
;
height
:
184rpx
;
align-items
:
center
;
margin
:
0
auto
16rpx
auto
;
}
box-shadow
:
0rpx
0rpx
16rpx
2rpx
rgba
(
0
,
0
,
0
,
0
.08
);
.mask
{
border-radius
:
16rpx
16rpx
16rpx
16rpx
;
p
osition
:
relative
;
p
adding
:
24rpx
32rpx
0
32rpx
;
.img-box
{
background-image
:
url("../../static/orderList/iconBackground.png")
;
position
:
relative
;
position
:
relative
;
margin-bottom
:
32rpx
;
overflow
:
hidden
;
.close
{
.vouchers-img
{
position
:
absolute
;
width
:
200rpx
;
top
:
-54rpx
;
height
:
160rpx
;
right
:
24rpx
;
color
:
#fff
;
&
:
:
after
{
position
:
absolute
;
position
:
absolute
;
content
:
''
;
bottom
:
-15rpx
;
top
:
24rpx
;
right
:
28rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
width
:
0
;
height
:
32rpx
;
border-left
:
1px
dashed
#fff
;
}
}
}
}
.coupon-backgruondImg
{
width
:
504rpx
;
height
:
720rpx
;
}
/
deep
/
.u-btn
{
width
:
304rpx
;
}
.tips-vouchers
{
width
:
100%
;
position
:
absolute
;
top
:
0
;
left
:
0
;
.vouchers-title
{
.vouchers-title
{
text-align
:
center
;
font-size
:
32rpx
;
font-size
:
36rpx
;
color
:
#EE0E0E
;
color
:
#191919
;
font-weight
:
bold
;
margin-top
:
66rpx
;
}
.vouchers-title2
{
text-align
:
center
;
font-size
:
36rpx
;
color
:
#191919
;
text
{
color
:
#EE520E
;
font-size
:
64rpx
;
font-weight
:
bold
;
font-weight
:
bold
;
margin
:
0
10rpx
0
10rpx
;
line-height
:
44rpx
;
}
margin-bottom
:
8rpx
;
}
.vouchers-img
{
display
:
block
;
width
:
420rpx
;
height
:
335rpx
;
margin
:
42rpx
auto
42rpx
auto
;
}
.vouchers-to
{
display
:
flex
;
justify-content
:center
;
font-size
:
24rpx
;
color
:
333333
;
line-height
:
34rpx
;
.to-url
{
margin-left
:
16rpx
;
}
}
}
.vouchers-text
{
.vouchers-address
{
text-align
:
center
;
font-size
:
24rpx
;
font-size
:
24rpx
;
color
:
#333333
;
color
:
#25434D
;
line-height
:
34rpx
;
line-height
:
34rpx
;
font-weight
:
bold
;
margin-bottom
:
16rpx
;
margin-top
:
16rpx
;
}
}
.tips-useRule
{
width
:
100%
;
padding
:
50rpx
40rpx
32rpx
32rpx
;
margin
:
auto
;
overflow
:
auto
;
position
:
absolute
;
top
:
0
;
left
:
0
;
right
:
0
;
bottom
:
0
;
.useRule-title
{
font-size
:
36rpx
;
color
:
#191919
;
font-weight
:
bold
;
text-align
:
center
;
margin-bottom
:
48rpx
;
}
}
.useRule-list
{
.vouchers-btn
{
margin-bottom
:
32rp
x
;
display
:
fle
x
;
.list-title
{
.btn-click
{
width
:
128
rpx
;
width
:
144
rpx
;
height
:
42rpx
;
height
:
42rpx
;
background
:
#000000
;
background
:
#EE0E0E
;
border-radius
:
4rpx
4rpx
4rpx
4
rpx
;
border-radius
:
22rpx
22rpx
22rpx
22
rpx
;
font-size
:
24rpx
;
font-size
:
24rpx
;
color
:
#fff
;
color
:
#FFFFFF
;
text-align
:
center
;
text-align
:
center
;
line-height
:
42rpx
;
line-height
:
42rpx
;
margin-bottom
:
24rpx
margin-right
:
24rpx
;
}
}
.list-text
{
.btn-to
{
font-size
:
20rpx
;
display
:
flex
;
line-height
:
28rpx
;
color
:
#333333
;
color
:
#333333
;
margin-bottom
:
16rpx
;
font-size
:
20rpx
;
}
line-height
:
42rpx
;
.list-text
:nth-last-child
(
1
)
{
margin-bottom
:
0
;
}
}
}
}
.couponBox
{
position
:
fixed
;
right
:
-30rpx
;
bottom
:
200rpx
;
width
:
140rpx
;
height
:
140rpx
;
z-index
:
20
;
.coupon
{
width
:
140rpx
;
height
:
140rpx
;
}
.coupon-price
{
position
:
absolute
;
bottom
:
46rpx
;
left
:
50%
;
transform
:
translateX
(
-50%
);
font-size
:
40rpx
;
font-weight
:
700
;
color
:
#fff
;
}
}
.r-symbol
{
font-size
:
10rpx
;
}
}
}
}
</
style
>
</
style
>
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment