5c34676a
“wangming”
对会员端进行了设计
|
1
2
3
4
|
@charset "UTF-8";
/* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */
/* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */
/* 绿纤美业会员端设计系统:苔玉绿 + 雾金 */
|
d8035736
“wangming”
Refactor project ...
|
5
|
.subpage-content.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
6
7
|
padding-bottom: calc(96rpx + env(safe-area-inset-bottom)) !important;
}
|
d8035736
“wangming”
Refactor project ...
|
8
|
.subpage-nav.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
9
10
11
12
|
display: flex;
align-items: center;
margin-bottom: 28rpx;
}
|
d8035736
“wangming”
Refactor project ...
|
13
|
.subpage-back.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
14
15
16
17
18
19
20
21
22
23
24
|
width: 72rpx;
height: 72rpx;
margin-right: 20rpx;
border-radius: 24rpx;
display: flex;
align-items: center;
justify-content: center;
font-size: 42rpx;
color: #244a3d;
background: rgba(255, 255, 255, 0.84);
box-shadow: 0 18rpx 44rpx rgba(54, 77, 64, 0.08);
|
d8035736
“wangming”
Refactor project ...
|
25
26
27
|
transition: box-shadow 260ms ease, -webkit-transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms ease;
transition: transform 260ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 260ms ease, -webkit-transform 260ms cubic-bezier(0.22, 1, 0.36, 1);
|
5c34676a
“wangming”
对会员端进行了设计
|
28
|
}
|
d8035736
“wangming”
Refactor project ...
|
29
30
31
32
33
34
|
.subpage-back.data-v-47bf0baf:active {
-webkit-transform: scale(0.95);
transform: scale(0.95);
box-shadow: 0 12rpx 26rpx rgba(54, 77, 64, 0.08);
}
.subpage-title-wrap.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
35
36
|
flex: 1;
}
|
d8035736
“wangming”
Refactor project ...
|
37
|
.subpage-title.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
38
39
40
41
42
|
display: block;
font-size: 44rpx;
font-weight: 700;
color: #1f2c28;
}
|
d8035736
“wangming”
Refactor project ...
|
43
|
.subpage-subtitle.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
44
45
46
47
48
49
|
display: block;
margin-top: 10rpx;
font-size: 24rpx;
color: #5f6d65;
line-height: 1.7;
}
|
d8035736
“wangming”
Refactor project ...
|
50
|
.subpage-card.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
51
52
53
54
55
56
57
|
background: rgba(253, 255, 252, 0.9);
border: 1rpx solid rgba(255, 255, 255, 0.8);
border-radius: 36rpx;
box-shadow: 0 24rpx 64rpx rgba(54, 77, 64, 0.1);
border-color: rgba(210, 191, 156, 0.16);
padding: 34rpx;
margin-bottom: 24rpx;
|
d8035736
“wangming”
Refactor project ...
|
58
59
60
61
62
63
64
65
|
transition: box-shadow 320ms ease, border-color 320ms ease, -webkit-transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease, border-color 320ms ease;
transition: transform 320ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 320ms ease, border-color 320ms ease, -webkit-transform 320ms cubic-bezier(0.22, 1, 0.36, 1);
}
.subpage-card.data-v-47bf0baf:active {
-webkit-transform: translateY(2rpx) scale(0.996);
transform: translateY(2rpx) scale(0.996);
box-shadow: 0 18rpx 36rpx rgba(54, 77, 64, 0.08);
|
5c34676a
“wangming”
对会员端进行了设计
|
66
|
}
|
d8035736
“wangming”
Refactor project ...
|
67
|
.subpage-hero.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
68
69
70
71
|
position: relative;
overflow: hidden;
padding: 36rpx;
margin-bottom: 28rpx;
|
d8035736
“wangming”
Refactor project ...
|
72
73
74
75
76
77
78
79
|
transition: box-shadow 360ms ease, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 360ms ease;
transition: transform 360ms cubic-bezier(0.22, 1, 0.36, 1), box-shadow 360ms ease, -webkit-transform 360ms cubic-bezier(0.22, 1, 0.36, 1);
}
.subpage-hero.data-v-47bf0baf:active {
-webkit-transform: translateY(-4rpx);
transform: translateY(-4rpx);
box-shadow: 0 22rpx 42rpx rgba(54, 77, 64, 0.1);
|
5c34676a
“wangming”
对会员端进行了设计
|
80
|
}
|
d8035736
“wangming”
Refactor project ...
|
81
|
.subpage-hero.data-v-47bf0baf::before {
|
5c34676a
“wangming”
对会员端进行了设计
|
82
83
84
85
86
87
88
89
|
content: "";
position: absolute;
right: -80rpx;
top: -24rpx;
width: 300rpx;
height: 300rpx;
border-radius: 50%;
background: radial-gradient(circle, rgba(100, 140, 118, 0.055), rgba(100, 140, 118, 0));
|
d8035736
“wangming”
Refactor project ...
|
90
91
|
-webkit-animation: lfFloatSoft 10.8s ease-in-out infinite;
animation: lfFloatSoft 10.8s ease-in-out infinite;
|
5c34676a
“wangming”
对会员端进行了设计
|
92
|
}
|
d8035736
“wangming”
Refactor project ...
|
93
|
.subpage-hero.data-v-47bf0baf::after {
|
5c34676a
“wangming”
对会员端进行了设计
|
94
95
96
97
98
99
100
101
|
content: "";
position: absolute;
right: 26rpx;
top: 36rpx;
width: 168rpx;
height: 168rpx;
border-radius: 50%;
border: 2rpx solid rgba(210, 191, 156, 0.12);
|
d8035736
“wangming”
Refactor project ...
|
102
103
|
-webkit-animation: lfPulseSoft 8.4s ease-in-out infinite;
animation: lfPulseSoft 8.4s ease-in-out infinite;
|
5c34676a
“wangming”
对会员端进行了设计
|
104
|
}
|
d8035736
“wangming”
Refactor project ...
|
105
|
.hero-kicker.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
106
107
108
109
110
111
|
position: relative;
z-index: 2;
display: inline-block;
font-size: 20rpx;
letter-spacing: 4rpx;
color: rgba(143, 118, 86, 0.82);
|
d8035736
“wangming”
Refactor project ...
|
112
113
|
-webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
|
5c34676a
“wangming”
对会员端进行了设计
|
114
|
}
|
d8035736
“wangming”
Refactor project ...
|
115
|
.hero-title.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
116
117
118
119
120
121
122
|
position: relative;
z-index: 2;
display: block;
margin-top: 14rpx;
font-size: 40rpx;
line-height: 1.35;
font-weight: 700;
|
d8035736
“wangming”
Refactor project ...
|
123
124
|
-webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
|
5c34676a
“wangming”
对会员端进行了设计
|
125
|
}
|
d8035736
“wangming”
Refactor project ...
|
126
|
.hero-desc.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
127
128
129
130
131
132
133
|
position: relative;
z-index: 2;
display: block;
margin-top: 14rpx;
font-size: 24rpx;
line-height: 1.8;
color: #5f6d65;
|
d8035736
“wangming”
Refactor project ...
|
134
135
|
-webkit-animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.24s both;
animation: lfRevealUp 760ms cubic-bezier(0.22, 1, 0.36, 1) 0.24s both;
|
5c34676a
“wangming”
对会员端进行了设计
|
136
|
}
|
d8035736
“wangming”
Refactor project ...
|
137
|
.meta-grid.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
138
139
140
141
|
display: flex;
flex-wrap: wrap;
margin: 18rpx -8rpx 0;
}
|
d8035736
“wangming”
Refactor project ...
|
142
|
.meta-pill.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
143
144
145
146
147
148
149
150
151
152
153
154
|
margin: 8rpx;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10rpx 20rpx;
border-radius: 999rpx;
background: rgba(210, 191, 156, 0.16);
color: #244a3d;
font-size: 22rpx;
border: 1rpx solid rgba(255, 255, 255, 0.2);
box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08);
border-color: rgba(210, 191, 156, 0.14);
|
d8035736
“wangming”
Refactor project ...
|
155
156
157
|
transition: box-shadow 240ms ease, -webkit-transform 240ms ease;
transition: transform 240ms ease, box-shadow 240ms ease;
transition: transform 240ms ease, box-shadow 240ms ease, -webkit-transform 240ms ease;
|
5c34676a
“wangming”
对会员端进行了设计
|
158
|
}
|
d8035736
“wangming”
Refactor project ...
|
159
160
161
162
163
|
.meta-pill.data-v-47bf0baf:active {
-webkit-transform: scale(0.97);
transform: scale(0.97);
}
.meta-pill.rose.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
164
165
166
167
168
169
170
171
172
173
174
175
|
display: inline-flex;
align-items: center;
justify-content: center;
padding: 10rpx 20rpx;
border-radius: 999rpx;
background: rgba(182, 142, 154, 0.16);
color: #244a3d;
font-size: 22rpx;
border: 1rpx solid rgba(255, 255, 255, 0.2);
box-shadow: 0 10rpx 24rpx rgba(82, 101, 90, 0.08);
border-color: rgba(182, 142, 154, 0.14);
}
|
d8035736
“wangming”
Refactor project ...
|
176
|
.info-list.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
177
178
|
padding: 8rpx 0;
}
|
d8035736
“wangming”
Refactor project ...
|
179
|
.info-row.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
180
181
182
183
184
185
|
display: flex;
justify-content: space-between;
align-items: flex-start;
padding: 18rpx 0;
border-bottom: 1rpx solid rgba(100, 140, 118, 0.08);
}
|
d8035736
“wangming”
Refactor project ...
|
186
|
.info-row.data-v-47bf0baf:last-child {
|
5c34676a
“wangming”
对会员端进行了设计
|
187
188
189
|
border-bottom: 0;
padding-bottom: 0;
}
|
d8035736
“wangming”
Refactor project ...
|
190
|
.info-label.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
191
192
193
194
|
width: 160rpx;
font-size: 24rpx;
color: #5f6d65;
}
|
d8035736
“wangming”
Refactor project ...
|
195
|
.info-value.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
196
197
|
flex: 1;
text-align: right;
|
d8035736
“wangming”
Refactor project ...
|
198
199
|
font-size: 24rpx;
line-height: 1.5;
|
5c34676a
“wangming”
对会员端进行了设计
|
200
|
color: #1f2c28;
|
d8035736
“wangming”
Refactor project ...
|
201
|
font-weight: 400;
|
5c34676a
“wangming”
对会员端进行了设计
|
202
|
}
|
d8035736
“wangming”
Refactor project ...
|
203
|
.section-gap.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
204
205
|
margin-bottom: 28rpx;
}
|
d8035736
“wangming”
Refactor project ...
|
206
|
.soft-panel.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
207
208
209
210
|
padding: 24rpx;
border-radius: 28rpx;
background: rgba(210, 191, 156, 0.1);
box-shadow: 0 18rpx 44rpx rgba(54, 77, 64, 0.08);
|
d8035736
“wangming”
Refactor project ...
|
211
212
213
|
transition: box-shadow 280ms ease, -webkit-transform 280ms ease;
transition: transform 280ms ease, box-shadow 280ms ease;
transition: transform 280ms ease, box-shadow 280ms ease, -webkit-transform 280ms ease;
|
5c34676a
“wangming”
对会员端进行了设计
|
214
|
}
|
d8035736
“wangming”
Refactor project ...
|
215
|
.cta-row.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
216
217
218
|
display: flex;
gap: 18rpx;
margin-top: 8rpx;
|
d8035736
“wangming”
Refactor project ...
|
219
220
|
-webkit-animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.18s both;
|
5c34676a
“wangming”
对会员端进行了设计
|
221
|
}
|
d8035736
“wangming”
Refactor project ...
|
222
223
|
.cta-row .primary-button.data-v-47bf0baf,
.cta-row .secondary-button.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
224
225
226
227
228
229
230
231
232
|
flex: 1;
width: 0;
min-width: 0;
height: 92rpx;
padding: 0 24rpx;
justify-content: center;
text-align: center;
border-radius: 44rpx;
}
|
d8035736
“wangming”
Refactor project ...
|
233
|
.cta-row .primary-button.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
234
235
|
box-shadow: 0 24rpx 54rpx rgba(36, 74, 61, 0.16);
}
|
d8035736
“wangming”
Refactor project ...
|
236
|
.cta-row .secondary-button.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
237
238
239
240
|
background: rgba(255, 255, 255, 0.92);
border-color: rgba(210, 191, 156, 0.24);
box-shadow: 0 16rpx 34rpx rgba(54, 77, 64, 0.07);
}
|
d8035736
“wangming”
Refactor project ...
|
241
|
.empty-tip.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
242
243
244
245
|
text-align: center;
font-size: 24rpx;
color: #5f6d65;
}
|
d8035736
“wangming”
Refactor project ...
|
246
247
|
.empty-card.data-v-47bf0baf {
text-align: center;
|
5c34676a
“wangming”
对会员端进行了设计
|
248
|
}
|
d8035736
“wangming”
Refactor project ...
|
249
250
|
.empty-title.data-v-47bf0baf,
.empty-desc.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
251
252
|
display: block;
}
|
d8035736
“wangming”
Refactor project ...
|
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
|
.empty-title.data-v-47bf0baf {
font-size: 32rpx;
font-weight: 700;
color: #1f2c28;
}
.empty-desc.data-v-47bf0baf {
margin-top: 14rpx;
font-size: 24rpx;
line-height: 1.8;
color: #5f6d65;
}
.empty-button.data-v-47bf0baf {
width: 100%;
margin-top: 28rpx;
-webkit-animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
animation: lfRevealUp 780ms cubic-bezier(0.22, 1, 0.36, 1) 0.16s both;
}
/* 统一二级/三级页面文字层级 */
.hero-kicker.data-v-47bf0baf,
.address-kicker.data-v-47bf0baf,
.wish-badge.data-v-47bf0baf,
.auth-kicker.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
275
276
|
font-size: 20rpx;
letter-spacing: 4rpx;
|
5c34676a
“wangming”
对会员端进行了设计
|
277
|
}
|
d8035736
“wangming”
Refactor project ...
|
278
279
280
281
282
283
|
.wish-name.data-v-47bf0baf,
.order-name.data-v-47bf0baf,
.address-main.data-v-47bf0baf,
.setting-title.data-v-47bf0baf,
.flow-title.data-v-47bf0baf,
.panel-title.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
284
|
font-size: 30rpx;
|
d8035736
“wangming”
Refactor project ...
|
285
|
line-height: 1.5;
|
5c34676a
“wangming”
对会员端进行了设计
|
286
|
font-weight: 700;
|
d8035736
“wangming”
Refactor project ...
|
287
|
color: #1f2c28;
|
5c34676a
“wangming”
对会员端进行了设计
|
288
|
}
|
d8035736
“wangming”
Refactor project ...
|
289
290
291
292
293
294
295
296
297
298
|
.wish-desc.data-v-47bf0baf,
.product-desc.data-v-47bf0baf,
.detail-copy.data-v-47bf0baf,
.spec-item.data-v-47bf0baf,
.address-detail.data-v-47bf0baf,
.setting-desc.data-v-47bf0baf,
.flow-desc.data-v-47bf0baf,
.panel-desc.data-v-47bf0baf,
.empty-desc.data-v-47bf0baf,
.note-desc.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
299
300
301
302
|
font-size: 24rpx;
line-height: 1.8;
color: #5f6d65;
}
|
d8035736
“wangming”
Refactor project ...
|
303
304
305
306
307
308
309
|
.wish-price.data-v-47bf0baf,
.order-amount.data-v-47bf0baf,
.product-price.data-v-47bf0baf {
font-weight: 700;
color: #244a3d;
}
.product-card.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
310
311
312
313
|
display: flex;
padding: 28rpx;
margin-bottom: 24rpx;
}
|
d8035736
“wangming”
Refactor project ...
|
314
|
.product-art.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
315
316
317
318
|
width: 180rpx;
height: 180rpx;
border-radius: 28rpx;
flex-shrink: 0;
|
d8035736
“wangming”
Refactor project ...
|
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
|
position: relative;
display: flex;
align-items: center;
justify-content: center;
background: rgba(241, 246, 241, 0.96);
border: 1rpx solid rgba(120, 146, 121, 0.14);
box-shadow: inset 0 1rpx 0 rgba(255, 255, 255, 0.65);
overflow: hidden;
}
.product-art-ring.data-v-47bf0baf {
width: 96rpx;
height: 96rpx;
border-radius: 50%;
border: 1rpx solid rgba(120, 146, 121, 0.18);
background: rgba(255, 255, 255, 0.45);
-webkit-animation: lfPulseSoft 5.2s ease-in-out infinite;
animation: lfPulseSoft 5.2s ease-in-out infinite;
}
.product-art-label.data-v-47bf0baf {
position: absolute;
font-size: 24rpx;
letter-spacing: 4rpx;
color: #244a3d;
font-weight: 600;
|
5c34676a
“wangming”
对会员端进行了设计
|
343
|
}
|
d8035736
“wangming”
Refactor project ...
|
344
345
346
347
348
349
350
351
352
353
354
355
356
|
.product-art.data-v-47bf0baf::before {
content: "";
position: absolute;
right: -30rpx;
top: -30rpx;
width: 120rpx;
height: 120rpx;
border-radius: 50%;
background: radial-gradient(circle, rgba(210, 191, 156, 0.22), rgba(210, 191, 156, 0));
-webkit-animation: lfFloatSoft 9.8s ease-in-out infinite;
animation: lfFloatSoft 9.8s ease-in-out infinite;
}
.product-copy.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
357
358
359
|
flex: 1;
margin-left: 22rpx;
}
|
d8035736
“wangming”
Refactor project ...
|
360
361
362
363
|
.product-name.data-v-47bf0baf,
.product-spec.data-v-47bf0baf,
.product-qty.data-v-47bf0baf,
.product-amount.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
364
365
|
display: block;
}
|
d8035736
“wangming”
Refactor project ...
|
366
|
.product-name.data-v-47bf0baf {
|
5c34676a
“wangming”
对会员端进行了设计
|
367
368
369
370
|
font-size: 30rpx;
line-height: 1.5;
font-weight: 700;
}
|
d8035736
“wangming”
Refactor project ...
|
371
372
373
|
.product-spec.data-v-47bf0baf,
.product-qty.data-v-47bf0baf {
margin-top: 14rpx;
|
5c34676a
“wangming”
对会员端进行了设计
|
374
375
376
377
|
font-size: 24rpx;
line-height: 1.7;
color: #5f6d65;
}
|
d8035736
“wangming”
Refactor project ...
|
378
379
380
|
.product-amount.data-v-47bf0baf {
margin-top: 18rpx;
font-size: 34rpx;
|
5c34676a
“wangming”
对会员端进行了设计
|
381
382
383
|
font-weight: 700;
color: #244a3d;
}
|