filter.wxss
2.56 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
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
118
119
120
121
122
123
124
125
/* components/reserve/search/filter.wxss */
@import "../../../app.wxss";
.mask{
z-index: 99999;
}
.filter{
position: fixed;
bottom: env(safe-area-inset-bottom);
width: 100%;
background-color: #fefefe;
z-index: 9999;
padding: 40rpx 30rpx;
box-sizing: border-box;
border-radius: 20rpx 20rpx 0px 0px;
}
.header{
height: 42rpx;
font-size: 30rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #353535;
line-height: 42rpx;
}
.header .close{
background-image: url("http://nosqn.colorcun.com/reserve/images/close.png");
background-size: 100% 100%;
width:32rpx;
height:32rpx;
position: relative;
}
.close:after{
width:100rpx;
height:100rpx;
position: absolute;
content: "";
top:-50rpx;
left:-50rpx;
}
.part{
height: 48rpx;
font-size: 34rpx;
font-family: PingFangSC-Semibold, PingFang SC;
font-weight: 600;
color: #353535;
line-height: 48rpx;
margin-top: 60rpx;
}
.part .txt{
height: 48rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #E9BE94;
line-height: 48rpx;
margin-left: 30rpx;
}
.tips{
height: 40rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #353535;
line-height: 40rpx;
margin-top: 40rpx;
}
.tips .content{
width: 130rpx;
text-align: center;
}
.consume{
margin: 0rpx auto;
width: calc(100% - 60rpx);
height: 80rpx;
overflow: hidden;
}
.split{
margin-top: 60rpx;
}
.split .item{
width: calc(calc(100% - 66rpx) / 4);
margin-right: 22rpx;
height: 84rpx;
background: #F0F0F9;
border-radius: 6rpx;
font-size: 28rpx;
font-family: PingFangSC-Regular, PingFang SC;
font-weight: 400;
color: #353535;
line-height: 84rpx;
text-align: center;
}
.split .item:last-child{
margin-right: 0;
}
.split .item.active{
background: #F4DAB9;
color: #8B5318;
}
.buttons{
margin-top: 100rpx;
}
.buttons .reset,.buttons .submit{
width: calc(50% - 21rpx);
height: 84rpx;
background: #FFFFFF;
border-radius: 12rpx;
border: 2rpx solid #C0C0C0;
margin-right: 21rpx;
font-size: 34rpx;
font-family: PingFangSC-Medium, PingFang SC;
font-weight: 500;
color: #5E5E5E;
line-height: 84rpx;
text-align: center;
box-sizing: border-box;
}
.buttons .submit{
margin-right: 0;
margin-left: 21rpx;
background: linear-gradient(180deg, #F4DAB9 0%, #E9BE94 100%);
color: #8B5318;
border-width: 0;
}