|
@@ -5,10 +5,13 @@
|
|
可使用
|
|
可使用
|
|
</view>
|
|
</view>
|
|
<view :class="['tab', tabActive == 2?'active':'']" style="margin-left: 10px;" @click="tabClick(2)">
|
|
<view :class="['tab', tabActive == 2?'active':'']" style="margin-left: 10px;" @click="tabClick(2)">
|
|
- 不可使用
|
|
|
|
|
|
+ 已使用
|
|
|
|
+ </view>
|
|
|
|
+ <view :class="['tab', tabActive == 3?'active':'']" style="margin-left: 10px;" @click="tabClick(3)">
|
|
|
|
+ 已过期
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="card" v-for="(item, index) in list">
|
|
|
|
|
|
+ <view :class="['card', item.status != 0 ? 'grey' : '']" v-for="(item, index) in list">
|
|
<view class="leftIcon" ></view>
|
|
<view class="leftIcon" ></view>
|
|
<view class="left" >
|
|
<view class="left" >
|
|
¥<span style="font-size: 18px;">{{item.discount}}</span>
|
|
¥<span style="font-size: 18px;">{{item.discount}}</span>
|
|
@@ -59,8 +62,10 @@
|
|
this.tabActive = index
|
|
this.tabActive = index
|
|
if (index == 1) {
|
|
if (index == 1) {
|
|
this.params.status = 0
|
|
this.params.status = 0
|
|
- } else {
|
|
|
|
|
|
+ } else if(index == 2) {
|
|
this.params.status = 1
|
|
this.params.status = 1
|
|
|
|
+ } else {
|
|
|
|
+ this.params.status = 2
|
|
}
|
|
}
|
|
this.getList()
|
|
this.getList()
|
|
},
|
|
},
|
|
@@ -79,7 +84,7 @@
|
|
<style scoped lang="scss">
|
|
<style scoped lang="scss">
|
|
.tabs {
|
|
.tabs {
|
|
display: flex;
|
|
display: flex;
|
|
-
|
|
|
|
|
|
+ margin-bottom: 10px;
|
|
.tab {
|
|
.tab {
|
|
width: 68px;
|
|
width: 68px;
|
|
height: 24px;
|
|
height: 24px;
|