修改我的优惠券样式
This commit is contained in:
+10
-10
@@ -22,15 +22,15 @@
|
||||
/>
|
||||
<div class="fn-flex fn-flex-center mt30">
|
||||
<div class="fn-flex-item">
|
||||
<h4 :class="['font-30',Number(item.btText.status)===1?'':'color-666']">{{ item.title }}</h4>
|
||||
<h4 :class="['font-30',!Number(item.btText.status)?'':'color-666']">{{ item.title }}</h4>
|
||||
<p class="font-24 mt15" @click="handleShowStores(item)" v-if="item.btText.status>0">
|
||||
<span class="color-999">{{item.bizTip}}</span>
|
||||
<span v-if="0" :class="[!Number(item.btText.status)?'text-color-theme':'color-999']">5</span>
|
||||
<span v-if="0" :class="[!Number(item.btText.status)?'':'color-666']">家门店</span><van-icon name="arrow" />
|
||||
</p>
|
||||
</div>
|
||||
<div class="ml15">
|
||||
<van-button class="ulib-r100" size="small" :disabled="!Number(item.btText.status)?true:false" :type="Number(item.btText.status)===1?'danger':'info'" round @click.stop="bindShowCode(item)">{{ item.btText.txt }}</van-button>
|
||||
<div class="ml15 color-fff">
|
||||
<van-button :class="['ulib-r100 w10vw',Number(item.btText.status)===1?'':'bg-999']" size="small" :type="Number(item.btText.status)===1?'danger':'info'" round @click.stop="bindShowCode(item)">{{ item.btText.txt }}</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -40,12 +40,12 @@
|
||||
<template v-for="(item, index) in list" :key="index">
|
||||
<div class="my-coupon-item box-shadow-darkGray mb30 inner30 ulib-r20">
|
||||
<CouponItem
|
||||
:price-num="item.price"
|
||||
:desc-left="'活动规则'"
|
||||
:price-num="item.price"
|
||||
:desc-left="'活动规则'"
|
||||
:is-desc-link="true"
|
||||
:title="item.typeCn"
|
||||
:title="item.typeCn"
|
||||
:desc-right="item.timeStart+'-'+item.timeEnd"
|
||||
:is-active="!Number(item.btText.status)"
|
||||
:is-active="!Number(item.btText.status)|| Number(item.btText.status)===1"
|
||||
:date-rule="item.rule"
|
||||
:data-index="index"
|
||||
:index="index"
|
||||
@@ -53,15 +53,15 @@
|
||||
/>
|
||||
<div class="fn-flex fn-flex-center mt30">
|
||||
<div class="fn-flex-item">
|
||||
<h4 :class="['font-30',!Number(item.btText.status)?'':'color-666']">{{ item.title }}</h4>
|
||||
<h4 :class="['font-30',Number(item.btText.status)===1?'':'color-666']">{{ item.title }}</h4>
|
||||
<p class="font-24 mt15" @click="handleShowStores(item)">
|
||||
<span class="color-999">{{item.bizTip}}</span>
|
||||
<span v-if="0" :class="[!Number(item.btText.status)?'text-color-theme':'color-999']">5</span>
|
||||
<span v-if="0" :class="[!Number(item.btText.status)?'':'color-666']">家门店</span><van-icon name="arrow" />
|
||||
</p>
|
||||
</div>
|
||||
<div class="ml15">
|
||||
<van-button class="ulib-r100" size="small" :type="!Number(item.btText.status)?'danger':'info'" round @click.stop="bindShowCode(item)">{{ item.btText.txt }}</van-button>
|
||||
<div class="ml15 color-fff">
|
||||
<van-button :class="['ulib-r100 w10vw',Number(item.btText.status)===1?'':'bg-999']" size="small" :type="Number(item.btText.status)===1?'danger':'info'" round @click.stop="bindShowCode(item)">{{ item.btText.txt }}</van-button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -79,6 +79,7 @@
|
||||
.wp90{width:90%;box-sizing:border-box;}
|
||||
.wp100{width:100%;box-sizing:border-box;}
|
||||
|
||||
.w10vw{width: 22vw;}
|
||||
.w100vw{width: 100vw;}
|
||||
.h100vh{height: 100vh;}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user