|
@@ -5,6 +5,7 @@
|
|
|
width="50%"
|
|
|
@cancel="cansel"
|
|
|
:footer="null"
|
|
|
+ centered
|
|
|
:maskClosable="false"
|
|
|
>
|
|
|
<div class="pay-box">
|
|
@@ -19,7 +20,7 @@
|
|
|
<div class="pay-video">
|
|
|
<div class="pay-flash">
|
|
|
<img v-show="codeImg" :src="codeImg">
|
|
|
- <a-spin class="spin" v-show="status=='loading'" tip="Loading...">
|
|
|
+ <a-spin class="spin" v-show="status=='loading'" tip="正在加载...">
|
|
|
</a-spin>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -82,6 +83,7 @@ export default {
|
|
|
getCodeUrl (type) {
|
|
|
this.key = type || this.key
|
|
|
this.status = 'loading'
|
|
|
+ this.codeImg = ''
|
|
|
couponCode({
|
|
|
couponId: this.data.id,
|
|
|
customerType: this.key == 1 ? 'normal' : 'cardholder'
|
|
@@ -112,7 +114,7 @@ export default {
|
|
|
}
|
|
|
.pay-video{
|
|
|
text-align: center;
|
|
|
- padding: 20px 0 40px;
|
|
|
+ padding: 20px 0 20px;
|
|
|
p.red{
|
|
|
span{
|
|
|
color: #FF4500;
|
|
@@ -129,15 +131,17 @@ export default {
|
|
|
min-height: 260px;
|
|
|
position: relative;
|
|
|
img{
|
|
|
- width: 60%;
|
|
|
- max-width: 530px;
|
|
|
+ width: 50%;
|
|
|
+ max-width: 500px;
|
|
|
// border: 1px solid #eee;
|
|
|
}
|
|
|
.spin{
|
|
|
position: absolute;
|
|
|
- top: 42%;
|
|
|
- left: 47%;
|
|
|
+ top: 50%;
|
|
|
+ left: 50%;
|
|
|
z-index: 999;
|
|
|
+ margin-left: -30px;
|
|
|
+ margin-top: -30px;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
@@ -152,7 +156,7 @@ export default {
|
|
|
}
|
|
|
.pay-button{
|
|
|
text-align: center;
|
|
|
- padding: 20px 0 10px;
|
|
|
+ padding: 0 0 10px;
|
|
|
button{
|
|
|
width: 80%;
|
|
|
margin: 0 10px;
|