|
@@ -33,6 +33,7 @@
|
|
<view class="list">
|
|
<view class="list">
|
|
<view :class="['item', item.check ? 'active' : '']" v-for="(item,index) in cardList"
|
|
<view :class="['item', item.check ? 'active' : '']" v-for="(item,index) in cardList"
|
|
@click="clickCard(item)">
|
|
@click="clickCard(item)">
|
|
|
|
+ <image v-if="item.check" class="kaBkActive" :src="'https://mall.rongtongh.cn/storage/img/ka/kabk' + cardType(2, item) + 'Active.png'" mode="heightFix"></image>
|
|
<image class="kaBk" :src="'https://mall.rongtongh.cn/storage/img/ka/kabk' + cardType(2, item) + '.png'" mode="widthFix">
|
|
<image class="kaBk" :src="'https://mall.rongtongh.cn/storage/img/ka/kabk' + cardType(2, item) + '.png'" mode="widthFix">
|
|
</image>
|
|
</image>
|
|
<numImg class="num" :value="item" :type="2" />
|
|
<numImg class="num" :value="item" :type="2" />
|
|
@@ -259,8 +260,8 @@
|
|
|
|
|
|
.refresh {
|
|
.refresh {
|
|
position: fixed;
|
|
position: fixed;
|
|
- right: 8px;
|
|
|
|
- top: 50%;
|
|
|
|
|
|
+ right: 4px;
|
|
|
|
+ top: 55%;
|
|
width: 45px;
|
|
width: 45px;
|
|
}
|
|
}
|
|
|
|
|
|
@@ -379,11 +380,18 @@
|
|
align-items: center;
|
|
align-items: center;
|
|
position: relative;
|
|
position: relative;
|
|
|
|
|
|
|
|
+ .kaBkActive {
|
|
|
|
+ height: 132%;
|
|
|
|
+ width: 100%;
|
|
|
|
+ position: absolute;
|
|
|
|
+ z-index: 1;
|
|
|
|
+ }
|
|
.kaBk {
|
|
.kaBk {
|
|
- width: 75%;
|
|
|
|
|
|
+ width: 70%;
|
|
border-radius: 4px;
|
|
border-radius: 4px;
|
|
|
|
+ z-index: 2;
|
|
}
|
|
}
|
|
-
|
|
|
|
|
|
+
|
|
.num {
|
|
.num {
|
|
position: absolute;
|
|
position: absolute;
|
|
width: 100%;
|
|
width: 100%;
|
|
@@ -394,7 +402,7 @@
|
|
|
|
|
|
.active {
|
|
.active {
|
|
.kaBk {
|
|
.kaBk {
|
|
- box-shadow: 0px 1px 4px 2px #0417ff;
|
|
|
|
|
|
+ // box-shadow: 0px 1px 6px 3px rgba(255,77,0,0.65);
|
|
}
|
|
}
|
|
|
|
|
|
}
|
|
}
|