|
|
@@ -23,20 +23,64 @@
|
|
|
</uni-swiper-dot>
|
|
|
<view class="tabs">
|
|
|
<view class="tab" @click="clickTab(1)">
|
|
|
- <image class="tabImg" :src="tabImg(1)" mode="widthFix"></image>
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive == 1"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab1a.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive != 1"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab1.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
</view>
|
|
|
<view class="tab" @click="clickTab(2)">
|
|
|
- <image class="tabImg" :src="tabImg(2)" mode="widthFix"></image>
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive == 2"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab2a.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive != 2"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab2.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
</view>
|
|
|
<view class="tab" @click="clickTab(3)">
|
|
|
- <image class="tabImg" :src="tabImg(3)" mode="widthFix"></image>
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive == 3"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab3a.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive != 3"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab3.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
</view>
|
|
|
<view class="tab" @click="clickTab(4)">
|
|
|
- <image class="tabImg" :src="tabImg(4)" mode="widthFix"></image>
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive == 4"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab4a.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
+ <image
|
|
|
+ class="tabImg"
|
|
|
+ v-show="tabActive != 4"
|
|
|
+ src="https://file.rongcyl.cn/festatic/bkm/imgv2/raffle/tab4.png"
|
|
|
+ mode="widthFix"
|
|
|
+ />
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list" v-if="tabActive == 1">
|
|
|
- <view class="kabk" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
|
|
|
+ <view class="kabk" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
|
|
|
<view class="ka1">
|
|
|
<image class="leftImg" :src="item.icon" mode="aspectFill"></image>
|
|
|
<view class="rightInfo">
|
|
|
@@ -50,10 +94,17 @@
|
|
|
</span>
|
|
|
</view>
|
|
|
<view class="row prizes">
|
|
|
- <image v-for="(item2, index2) in item.prizeIconList" class="prize" :src="item2" mode="aspectFill"></image>
|
|
|
+ <image
|
|
|
+ v-for="(item2, index2) in item.prizeIconList"
|
|
|
+ class="prize"
|
|
|
+ :src="item2"
|
|
|
+ mode="aspectFill"
|
|
|
+ :key="index2"
|
|
|
+ ></image>
|
|
|
</view>
|
|
|
<view class="tags">
|
|
|
<image
|
|
|
+ :key="index3"
|
|
|
v-for="(item3, index3) in item.subType"
|
|
|
:class="['tag', 'tag_' + index3]"
|
|
|
:src="$fileUrl() + `/raffle/tag${subType(item3)}.png`"
|
|
|
@@ -65,7 +116,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list2" v-if="tabActive == 2">
|
|
|
- <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
|
|
|
+ <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
|
|
|
<view class="top">
|
|
|
<image mode="aspectFit" :src="item.icon"></image>
|
|
|
</view>
|
|
|
@@ -81,7 +132,7 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="list2 three" v-if="tabActive > 2">
|
|
|
- <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })">
|
|
|
+ <view class="ka" v-for="(item, index) in list" @click="toDrawCard({ id: item.id })" :key="index">
|
|
|
<view class="top">
|
|
|
<image mode="aspectFit" :src="item.icon"></image>
|
|
|
</view>
|
andy