addressCreate.less
2.94 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
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
@charset "UTF-8";
@font_size_label: 28px;
@width_label: 650px;
@height_label: 108px;
@border_bottom_label: 1px solid #E4E4E4;
@width_text: 240px;
@color_text: #3A3A3A;
@color_address_item: #333333;
@width_check_box: 35px;
@height_check_box: 35px;
@width_bar: 100%;
@height_bar: 140px;
@font_size_btn: 34px;
@border_radius_btn: 100px;
@background_color_bright: #FF725C;
@background_color_bright_o: rgba(255, 114, 92, 0.8);
@color_btn_bright: #fff;
@box_shadow_btn: 0 4px 12px #F8ADA2;
@width_btn_bright: 546px;
@height_btn_bright: 90px;
@width_btn_bright_img: 38px;
@height_btn_bright_img: 38px;
@padding_left_btn_bright_text: 37px;
.address-create-page {
.nav {
position: fixed;
top: 0;
z-index: 100;
width: 100%;
.nav-bar {
position: unset;
background-color: #FFFFFF;
border-bottom: 1px solid #E6E6E6;
padding:20px 0;
}
}
.pl {
background-color: transparent;
width: 100%;
height: 88px;
// &.is-cnlive {
// height: 44px;
// }
// &.not-is-cnlive {
// height: 0;
// &.is-open-app {
// height: 124px;
// }
// }
// &.not-is-cnlive {
// &.not-is-wechat {
// height: 44px;
// }
// }
}
> .box {
.label {
display: flex;
align-items: center;
font-size: @font_size_label;
width: @width_label;
height: @height_label;
margin: 0 auto;
border-bottom: @border_bottom_label;
&:last-child {
border-bottom: none;
}
&.check-group {
justify-content: space-between;
}
.text {
color: @color_text;
width: @width_text;
}
.address-item {
color: @color_address_item;
font-size: 28px;
width: 100%;
border:none;
&.address-pl-text {
color: #C8C8C8;
}
}
.check-box {
width: @width_check_box;
height: @height_check_box;
}
}
}
.address-create-btn {
.box {
position: fixed;
bottom: 0;
z-index: 100;
background-color: transparent;
width: @width_bar;
height: @height_bar;
@supports (padding-bottom: env(safe-area-inset-bottom)) {
& {
padding-bottom: env(safe-area-inset-bottom);
}
}
.buttons {
.btn {
font-size: @font_size_btn;
border-radius: @border_radius_btn;
&.btn-bright {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: @background_color_bright;
color: @color_btn_bright;
width: @width_btn_bright;
height: @height_btn_bright;
box-shadow: @box_shadow_btn;
margin: 0 auto;
&[disabled] {
background-color: @background_color_bright_o;
pointer-events: none;
}
.img {
width: @width_btn_bright_img;
height: @height_btn_bright_img;
}
.img + .text {
padding-left: @padding_left_btn_bright_text;
}
}
}
}
}
.placeholder-box {
background-color: transparent;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
width: @width_bar;
height: @height_bar;
}
}
}