Blame view

pages/MyCoupon/MyCoupon.scss 1.97 KB
c7add6cf   “wangming”   初始版本开发完毕
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
106
107
108
109
110
111
112
113
114
115
116
117
  .page {

  	position: absolute;

  	left: 0;

  	top: 0;

  	width: 100%;

  	height: 100%;

  	background: url(../../static/bg.png) no-repeat;

  	background-size: 100%;

  }

  

  /* 优惠券tab */

  .coupon-tab {

  	display: flex;

  	align-items: center;

  	width: 100%;

  	margin-top: 40rpx;

  	.tab {

  		position: relative;

  		z-index: 0;

  		width: 30%;

  		height: 120rpx;

  		background-color: #fff;

  		margin: 0 20rpx;

  		border-radius: 20rpx;

  		text-align: center;

  		color: #5A7EFF;

  		.tab-title {

  			position: relative;

  			z-index: 99;

  			font-size: 32rpx;

  			margin-top: 20rpx;

  			font-weight: bold;

  		}

  		.tab-title-small {

  			position: relative;

  			z-index: 99;

  		}

  	}

  	.action {

  		.tab-title {

  			color: #fff;

  		}

  		.tab-title-small {

  			color: #fff;

  		}

  		.line {

  			position: absolute;

  			top: 0;

  			z-index: 0;

  			width: 100%;

  			height: 230rpx;

  			background: url(../../static/MyCoupon1.png) no-repeat;

  			background-size: 100%;

  		}

  	}

  }

  .integral-payment{

      display:flex;

  	width: 94%;

  	margin: 40rpx 20rpx;

  	flex-wrap: wrap;

  	justify-content: space-between;

  	.list{

  		width: 45%;

  		height: 200rpx;

  		border: 2rpx solid #577EFF;

  		border-radius: 20rpx;

  		padding: 30rpx 0;

  		flex-wrap: wrap;

  		margin-bottom: 20rpx;

  		.title{

  			display: flex;

  			align-items: center;

  			justify-content: center;

  			width: 100%;

  			image {

  				width: 80rpx;

  				height: 80rpx;

  			}

  			text{

  				color: #212121;

  				font-size: 28rpx;

  				font-weight: bold;

  			}

  		}

  		.mess{

  			display: flex;

  			align-items: center;

  			justify-content: center;

  			width: 100%;

  			margin-top: 20rpx;

  			image {

  				width: 20rpx;

  				height: 20rpx;

  				margin-left: 20rpx;

  			}

  			text{

  				color: #577EFF;

  				font-size: 32rpx;

  			}

  		}

  	}

  }

  .my-phone {

  	position: absolute;

  	bottom: 0;

  	/* #ifdef MP */

  	bottom: env(safe-area-inset-bottom);

  	/* #endif */

  	left: 26%;

  	text-align: center;

  	color: #A2A2A2;

  	margin-top: 40rpx;

  	view {

  		margin-bottom: 10rpx;

  	}

  }