mygift.vue
1.3 KB
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
<template>
<view class="content">
<view class="giftlist">
<view class="giftitem flextwo">
<view class="giftitemleft">
<view class="itemtop">我的奖品</view>
<view class="itemtime">2019-10-13 15:30:30</view>
</view>
<view class="itemname">立即兑换</view>
</view>
<view class="giftitem flextwo">
<view class="giftitemleft">
<view class="itemtop">我的奖品</view>
<view class="itemtime">2019-10-13 15:30:30</view>
</view>
<view class="itemnamek">立即兑换</view>
</view>
</view>
</view>
</template>
<script>
</script>
<style>
.giftlist{
padding: 0 32rpx;
box-sizing: border-box;
}
.giftitem{
padding: 24rpx 0;
box-sizing: border-box;
border-bottom:1rpx solid #f5f5f5
}
.itemtop{
color:#232323;
font-size: 32rpx;
font-weight: bold;
}
.itemtime{
color:#BBC2CB;
font-size: 24rpx;
margin-top:10rpx;
}
.itemname{
width:160rpx;
height:64rpx;
border-radius:8rpx;
border:2rpx solid rgba(255,146,24,1);
color:#FF9218;
font-size: 30rpx;
text-align: center;
line-height: 64rpx;
}
.itemnamek{
width:160rpx;
height:64rpx;
border-radius:8rpx;
color:#3F4444;
border:1rpx solid #3F4444;
font-size: 30rpx;
text-align: center;
line-height: 64rpx;
}
</style>