|
@ -1,7 +1,21 @@ |
|
|
<template> |
|
|
<template> |
|
|
<view class="write-off-success"> |
|
|
<view class="write-off-success"> |
|
|
<view class="wos-stadium"> |
|
|
<view class="wos-stadium"> |
|
|
|
|
|
|
|
|
|
|
|
<view class="ws-name">欧轩智能羽毛球馆(永泰店)</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="wos-main"> |
|
|
|
|
|
<image class="wm-icon" mode="aspectFit" src="/static/images/icon/success_tip.png"></image> |
|
|
|
|
|
<view class="wm-txt">核销成功</view> |
|
|
|
|
|
<view class="wm-btn" hover-class="hover-active">返回继续核销</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
<view class="wos-gate-ls"> |
|
|
|
|
|
<view class="wgl-tit">如需开门,请点击</view> |
|
|
|
|
|
<view class="wgl-ls"> |
|
|
|
|
|
<view class="wl-item" v-for="i in 3" :key="i"> |
|
|
|
|
|
<view class="wi-name">欧轩门禁</view> |
|
|
|
|
|
<view class="wi-btn" hover-class="hover-active">开门</view> |
|
|
|
|
|
</view> |
|
|
|
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
@ -19,7 +33,76 @@ export default { |
|
|
} |
|
|
} |
|
|
.write-off-success{ |
|
|
.write-off-success{ |
|
|
.wos-stadium{ |
|
|
.wos-stadium{ |
|
|
|
|
|
padding: 0 24upx; |
|
|
|
|
|
.ws-name{ |
|
|
|
|
|
padding: 40upx 0 30upx; |
|
|
|
|
|
font-size: 32upx; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
color: #1a1a1a; |
|
|
|
|
|
border-bottom: 2upx solid #D8D8D8; |
|
|
|
|
|
@include textHide(1); |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.wos-main{ |
|
|
|
|
|
padding: 134upx 64upx 124upx; |
|
|
|
|
|
.wm-icon{ |
|
|
|
|
|
display: block; |
|
|
|
|
|
margin: 0 auto 46upx; |
|
|
|
|
|
width: 100upx; |
|
|
|
|
|
height: 100upx; |
|
|
|
|
|
} |
|
|
|
|
|
.wm-txt{ |
|
|
|
|
|
margin-bottom: 90upx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
line-height: 66upx; |
|
|
|
|
|
font-size: 48upx; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
color: #333; |
|
|
|
|
|
|
|
|
} |
|
|
} |
|
|
|
|
|
.wm-btn{ |
|
|
|
|
|
line-height: 108upx; |
|
|
|
|
|
height: 112upx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
font-size: 32upx; |
|
|
|
|
|
border-radius: 10upx; |
|
|
|
|
|
border: 2upx solid $themeColor; |
|
|
|
|
|
color: $themeColor; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
.wos-gate-ls{ |
|
|
|
|
|
padding: 0 24upx; |
|
|
|
|
|
border-top: 24upx solid #f2f1f6; |
|
|
|
|
|
.wgl-tit{ |
|
|
|
|
|
padding: 30upx 0; |
|
|
|
|
|
line-height: 40upx; |
|
|
|
|
|
font-size: 28upx; |
|
|
|
|
|
color: #9c9c9f; |
|
|
|
|
|
border-bottom: 2upx solid #D8D8D8; |
|
|
|
|
|
} |
|
|
|
|
|
.wgl-ls{ |
|
|
|
|
|
.wl-item{ |
|
|
|
|
|
height: 126upx; |
|
|
|
|
|
border-bottom: 2upx solid #D8D8D8; |
|
|
|
|
|
@include centerFlex(space-between); |
|
|
|
|
|
.wi-name{ |
|
|
|
|
|
flex-grow: 1; |
|
|
|
|
|
font-size: 28upx; |
|
|
|
|
|
color: #333; |
|
|
|
|
|
@include textHide(1); |
|
|
|
|
|
} |
|
|
|
|
|
.wi-btn{ |
|
|
|
|
|
margin-left: 24upx; |
|
|
|
|
|
line-height: 68upx; |
|
|
|
|
|
text-align: center; |
|
|
|
|
|
flex-shrink: 0; |
|
|
|
|
|
width: 156upx; |
|
|
|
|
|
color: #fff; |
|
|
|
|
|
border-radius: 10upx; |
|
|
|
|
|
background-color: $themeColor; |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |