Authored by htoooth

fix click area

@@ -29,7 +29,9 @@ @@ -29,7 +29,9 @@
29 </template> 29 </template>
30 30
31 <template v-else> 31 <template v-else>
32 - <div v-if="item.useNowLink" class="use-now" @click="onUseClick">立即使用</div> 32 + <div class="use-wrapper" v-if="item.useNowLink" @click="onUseClick">
  33 + <div class="use-now">立即使用</div>
  34 + </div>
33 <span class="top-tip" v-if="item.is_overdue_soon === 'Y'"></span> 35 <span class="top-tip" v-if="item.is_overdue_soon === 'Y'"></span>
34 </template> 36 </template>
35 </div> 37 </div>
@@ -63,6 +65,7 @@ export default { @@ -63,6 +65,7 @@ export default {
63 this.show = !this.show; 65 this.show = !this.show;
64 }, 66 },
65 onUseClick() { 67 onUseClick() {
  68 + console.log('huangtao');
66 this.$yoho.goPage('go.couponProductList', { 69 this.$yoho.goPage('go.couponProductList', {
67 coupon_code: this.item.coupon_code, 70 coupon_code: this.item.coupon_code,
68 coupon_id: this.item.coupon_id, 71 coupon_id: this.item.coupon_id,
@@ -243,6 +246,14 @@ export default { @@ -243,6 +246,14 @@ export default {
243 } 246 }
244 } 247 }
245 248
  249 + .use-wrapper {
  250 + position: absolute;
  251 + width: 200px;
  252 + height: 150px;
  253 + right: 0;
  254 + bottom: 0;
  255 + }
  256 +
246 .use-now { 257 .use-now {
247 font-size: 20px; 258 font-size: 20px;
248 position: absolute; 259 position: absolute;
@@ -14,7 +14,7 @@ @@ -14,7 +14,7 @@
14 </div> 14 </div>
15 </div> 15 </div>
16 </div> 16 </div>
17 - <div class="filter-wrapper" v-if="showFilter"> 17 + <div class="filter-wrapper" v-if="showFilter && filterList.length">
18 <div class="filter-mask" @click="onMaskClick"></div> 18 <div class="filter-mask" @click="onMaskClick"></div>
19 <FilterBar :list="filterList" v-model="selectFilterId" class="filter"></FilterBar> 19 <FilterBar :list="filterList" v-model="selectFilterId" class="filter"></FilterBar>
20 </div> 20 </div>