|
|
@@ -51,16 +51,15 @@
|
|
|
border-color: #ff935e;
|
|
|
}
|
|
|
.c-1 {
|
|
|
- background-size: contain;
|
|
|
- background: url('http://reader-wx.ai160.com/images/reader/v3/15.png') no-repeat;
|
|
|
+ background: url('http://reader-wx.ai160.com/images/reader/v3/299.png') no-repeat;
|
|
|
+ background-size: contain;
|
|
|
}
|
|
|
.c-2 {
|
|
|
background: url('http://reader-wx.ai160.com/images/reader/v3/99.png') no-repeat;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
.c-3 {
|
|
|
-
|
|
|
- background: url('http://reader-wx.ai160.com/images/reader/v3/299.png') no-repeat;
|
|
|
+ background: url('http://reader-wx.ai160.com/images/reader/v3/15.png') no-repeat;
|
|
|
background-size: contain;
|
|
|
}
|
|
|
.payBox {
|
|
|
@@ -132,14 +131,8 @@
|
|
|
<body>
|
|
|
<div id="container">
|
|
|
<div class="commoditys" v-if="products.length>0">
|
|
|
- <div :class="['commodity c-1', active==products[0].id?'aborder':'']" @click="selected(products[0])">
|
|
|
- <img src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active" v-show="active==products[0].id" />
|
|
|
- </div>
|
|
|
- <div :class="['commodity c-2', active==products[2].id?'aborder':'']" @click="selected(products[2])">
|
|
|
- <img src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active" v-show="active==products[2].id" />
|
|
|
- </div>
|
|
|
- <div :class="['commodity c-3', active==products[1].id?'aborder':'']" @click="selected(products[1])">
|
|
|
- <img src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active" v-show="active==products[1].id" />
|
|
|
+ <div v-for="item in products" ::key="item.id" :class="['commodity',item.payType=='LIFELONG'?'c-1':item.payType=='YEAR'?'c-2':'c-3', active==item.id?'aborder':'']" @click="selected(item)">
|
|
|
+ <img src="http://reader-wx.ai160.com/images/reader/v3/active.png" class="active" v-show="active==item.id" />
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="payBox" v-if="active!=''">
|
bayi