|
@@ -5,7 +5,7 @@
|
|
|
<div class="common-sub-header no-border">
|
|
|
支付方式
|
|
|
</div>
|
|
|
- <div class="pay-item" v-for="(item,i) in data" :key="i" @click="goPay(item)">
|
|
|
+ <div class="pay-item" v-for="(item,i) in data" :key="i" @click="goPay(item)" :class="{'is-active': activeType === item.name}">
|
|
|
<img :src="item.img" alt="">
|
|
|
<span>{{item.name}}</span>
|
|
|
</div>
|
|
@@ -48,15 +48,19 @@ export default {
|
|
|
img: require('@/assets/images/refactor/userCenter/wx_pay.png')
|
|
|
}]
|
|
|
return {
|
|
|
- data: browser.weixin ? weichatdata : data
|
|
|
+ data: browser.weixin ? weichatdata : data,
|
|
|
+ activeType: ''
|
|
|
}
|
|
|
},
|
|
|
+ mounted () {
|
|
|
+ this.goPay(this.data[0])
|
|
|
+ },
|
|
|
methods: {
|
|
|
goPay (item) {
|
|
|
let temp = this.payinfo
|
|
|
temp['payType'] = item.id
|
|
|
temp['payTypeName'] = item.name
|
|
|
-
|
|
|
+ this.activeType = item.name
|
|
|
this.$store.commit('PAYINFO', temp)
|
|
|
this.$emit('change', temp)
|
|
|
// this.$router.push({path: '/submit'})
|
|
@@ -97,8 +101,8 @@ export default {
|
|
|
font-size: 12px;
|
|
|
font-weight: bold;
|
|
|
line-height: 18px;
|
|
|
- padding: 17px 0 11px;
|
|
|
border-bottom: 1px solid #EBEBEB;
|
|
|
+ margin-bottom: 8px;
|
|
|
&.no-border {
|
|
|
border-bottom: none;
|
|
|
}
|
|
@@ -116,6 +120,10 @@ export default {
|
|
|
img {
|
|
|
height: 28px;
|
|
|
}
|
|
|
+ &.is-active {
|
|
|
+ background: rgba(31, 228, 220, 0.05);
|
|
|
+ border-color: #1FE4DC;
|
|
|
+ }
|
|
|
}
|
|
|
.order-money {
|
|
|
margin-top: 17px;
|