Blame view

components/GoodsCoupon/GoodsCoupon.vue 2.42 KB
290144e9   易尊强   第一次
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
  <template>
  		<view class="cu-modal bottom-modal" :class="{'show':isShow}" @click="hide">
  		  <view class="cu-dialog">
  		    <view class="modal-title">
  					<text>优惠券</text>
  				</view>
  				<view class="tips">可领取优惠券</view>
  				<view class="coupon-list">
  					<view class="list">
  						<view class="coupon-price">
  							<view class="discounts">
  								<text class="min">¥</text>
  								<text class="max">200</text>
  							</view>
  							<view class="full-reduction">
  								<text>满600元减200元</text>
  							</view>
  							<view class="jag"></view>
  						</view>
  						<view class="coupon-info">
  							<view class="info-title">
  								<view class="tag">
  									<text>限品类券</text>
  								</view>
  								<view class="title">
  									<text>仅可购买酒水部分商品</text>
  								</view>
  							</view>
  							<view class="date-get">
  								<view class="date">
  									<text>2020.3.09-2020.03.15</text>
  								</view>
  								<view class="get">
  									<text>点击领取</text>
  								</view>
  							</view>
  						</view>
  					</view>
  					<view class="list">
  						<view class="coupon-price">
  							<view class="discounts">
  								<text class="min">¥</text>
  								<text class="max">200</text>
  							</view>
  							<view class="full-reduction">
  								<text>满600元减200元</text>
  							</view>
  							<view class="jag"></view>
  						</view>
  						<view class="coupon-info">
  							<view class="info-title">
  								<view class="tag">
  									<text>限品类券</text>
  								</view>
  								<view class="title">
  									<text>仅可购买酒水部分商品</text>
  								</view>
  							</view>
  							<view class="date-get">
  								<view class="date">
  									<text>2020.3.09-2020.03.15</text>
  								</view>
  								<view class="get">
  									<!-- <text>点击领取</text> -->
  									<text class="use">可用商品</text>
  								</view>
  							</view>
  						</view>
  						<view class="use-status">
  							<text>已领取</text>
  						</view>
  					</view>
  				</view>
  		  </view>
  		</view>
  </template>
  
  <script>
  	export default {
  		data() {
  			return {
  				isShow: false,
  				isPage: false,
  			}
  		},
  		methods: {
  			show(){
  				this.isPage = true;
  				setTimeout(() =>{
  					this.isShow = true;
  				},300)
  			},
  			hide(){
  				this.isShow = false;
  				setTimeout(() =>{
  					this.isPage = false;
  				},300)
  			},
  		},
  	}
  </script>
  
  <style scoped lang="scss">
  	@import 'GoodsCoupon.scss';
  </style>