Blame view

member-miniapp/unpackage/dist/dev/mp-weixin/packageProfile/pickup-code/pickup-code.wxss 10.8 KB
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;
  }