UNPKG

mand-mobile

Version:

A Vue.js 2.0 Mobile UI Toolkit

didi.github.io/mand-mobile

didi/mand-mobile

378 lines (377 loc) • 19 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
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
/** Automatically generated when running script 'build:variables' Do not edit or delete manually **/ color-primary = var(--color-primary) color-text-base = var(--color-text-base) color-text-base-inverse = var(--color-text-base-inverse) color-text-body = var(--color-text-body) color-text-minor = var(--color-text-minor) color-text-caption = var(--color-text-caption) color-text-disabled = var(--color-text-disabled) color-text-placeholder = var(--color-text-placeholder) color-text-highlight = var(--color-text-highlight) color-text-warn = var(--color-text-warn) color-text-error = var(--color-text-error) color-text-link = var(--color-text-link) color-border-base = var(--color-border-base) color-border-element = var(--color-border-element) color-bg-base = var(--color-bg-base) color-bg-inverse = var(--color-bg-inverse) color-bg-disabled = var(--color-bg-disabled) color-bg-tap = var(--color-bg-tap) color-mask = var(--color-mask) font-heading-large = var(--font-heading-large) font-heading-medium = var(--font-heading-medium) font-heading-normal = var(--font-heading-normal) font-caption-large = var(--font-caption-large) font-caption-normal = var(--font-caption-normal) font-body-large = var(--font-body-large) font-body-normal = var(--font-body-normal) font-minor-large = var(--font-minor-large) font-minor-normal = var(--font-minor-normal) font-weight-light = var(--font-weight-light) font-weight-normal = var(--font-weight-normal) font-weight-medium = var(--font-weight-medium) font-weight-semibold = var(--font-weight-semibold) radius-normal = var(--radius-normal) radius-medium = var(--radius-medium) radius-circle = var(--radius-circle) border-width-base = var(--border-width-base) h-gap-xs = var(--h-gap-xs) h-gap-sm = var(--h-gap-sm) h-gap-md = var(--h-gap-md) h-gap-lg = var(--h-gap-lg) h-gap-sl = var(--h-gap-sl) v-gap-xs = var(--v-gap-xs) v-gap-sm = var(--v-gap-sm) v-gap-md = var(--v-gap-md) v-gap-lg = var(--v-gap-lg) v-gap-sl = var(--v-gap-sl) ease-in-out-quint = var(--ease-in-out-quint) opacity-disabled = var(--opacity-disabled) font-family-normal = var(--font-family-normal) font-family-number = var(--font-family-number) action-bar-width = var(--action-bar-width) action-bar-height = var(--action-bar-height) action-bar-padding-v = var(--action-bar-padding-v) action-bar-padding-h = var(--action-bar-padding-h) action-bar-button-gap = var(--action-bar-button-gap) action-bar-slot-height = var(--action-bar-slot-height) action-bar-zindex = var(--action-bar-zindex) action-sheet-height = var(--action-sheet-height) action-sheet-padding-h = var(--action-sheet-padding-h) action-sheet-color = var(--action-sheet-color) action-sheet-color-highlight = var(--action-sheet-color-highlight) action-sheet-color-cancel = var(--action-sheet-color-cancel) action-sheet-font-size = var(--action-sheet-font-size) action-sheet-bg = var(--action-sheet-bg) action-sheet-disabled-opacity = var(--action-sheet-disabled-opacity) action-sheet-cancel-gap-bg = var(--action-sheet-cancel-gap-bg) action-sheet-zindex = var(--action-sheet-zindex) agree-fill = var(--agree-fill) agree-disabled-opacity = var(--agree-disabled-opacity) bill-bg = var(--bill-bg) bill-name-font-size = var(--bill-name-font-size) bill-name-color = var(--bill-name-color) bill-no-font-size = var(--bill-no-font-size) bill-no-color = var(--bill-no-color) bill-description-font-size = var(--bill-description-font-size) bill-description-color = var(--bill-description-color) button-primary-fill = var(--button-primary-fill) button-default-fill = var(--button-default-fill) button-disabled-fill = var(--button-disabled-fill) button-warning-fill = var(--button-warning-fill) button-primary-active-fill = var(--button-primary-active-fill) button-default-active-fill = var(--button-default-active-fill) button-warning-active-fill = var(--button-warning-active-fill) button-primary-plain-active-fill = var(--button-primary-plain-active-fill) button-default-plain-active-fill = var(--button-default-plain-active-fill) button-warning-plain-active-fill = var(--button-warning-plain-active-fill) button-default-color = var(--button-default-color) button-primary-color = var(--button-primary-color) button-disabled-color = var(--button-disabled-color) button-warning-color = var(--button-warning-color) button-default-plain-color = var(--button-default-plain-color) button-primary-plain-color = var(--button-primary-plain-color) button-warning-plain-color = var(--button-warning-plain-color) button-disabled-plain-color = var(--button-disabled-plain-color) button-height = var(--button-height) button-font-size = var(--button-font-size) button-font-weight = var(--button-font-weight) button-small-height = var(--button-small-height) button-small-font-size = var(--button-small-font-size) button-radius = var(--button-radius) captcha-zindex = var(--captcha-zindex) captcha-title-color = var(--captcha-title-color) captcha-title-font-size = var(--captcha-title-font-size) captcha-color = var(--captcha-color) captcha-font-size = var(--captcha-font-size) captcha-footer-font-size = var(--captcha-footer-font-size) captcha-error-color = var(--captcha-error-color) captcha-brief-color = var(--captcha-brief-color) captcha-countbtn-gap = var(--captcha-countbtn-gap) captcha-btn-color = var(--captcha-btn-color) cashier-bg = var(--cashier-bg) cashier-choose-title-font-size = var(--cashier-choose-title-font-size) cashier-choose-title-color = var(--cashier-choose-title-color) cashier-choose-amount-font-size = var(--cashier-choose-amount-font-size) cashier-choose-amount-color = var(--cashier-choose-amount-color) cashier-choose-describe-font-size = var(--cashier-choose-describe-font-size) cashier-choose-describe-color = var(--cashier-choose-describe-color) cashier-choose-channel-title-font-size = var(--cashier-choose-channel-title-font-size) cashier-choose-channel-title-color = var(--cashier-choose-channel-title-color) cashier-choose-channel-title-action-font-size = var(--cashier-choose-channel-title-action-font-size) cashier-choose-channel-title-action-color = var(--cashier-choose-channel-title-action-color) cashier-choose-channel-desc-font-size = var(--cashier-choose-channel-desc-font-size) cashier-choose-channel-desc-color = var(--cashier-choose-channel-desc-color) cashier-choose-channel-icon-color = var(--cashier-choose-channel-icon-color) cashier-choose-more-font-size = var(--cashier-choose-more-font-size) cashier-choose-more-color = var(--cashier-choose-more-color) chart-line-color = var(--chart-line-color) chart-path-color = var(--chart-path-color) chart-text-color = var(--chart-text-color) chart-label-size = var(--chart-label-size) chart-value-size = var(--chart-value-size) cell-item-min-height = var(--cell-item-min-height) cell-item-padding-v = var(--cell-item-padding-v) cell-item-multilines-padding-v = var(--cell-item-multilines-padding-v) cell-item-title-color = var(--cell-item-title-color) cell-item-title-font-size = var(--cell-item-title-font-size) cell-item-brief-color = var(--cell-item-brief-color) cell-item-brief-font-size = var(--cell-item-brief-font-size) cell-item-right-color = var(--cell-item-right-color) cell-item-right-font-size = var(--cell-item-right-font-size) cell-item-border-color = var(--cell-item-border-color) check-color = var(--check-color) checkbox-color = var(--checkbox-color) checkbox-font-size = var(--checkbox-font-size) checkbox-disabled-color = var(--checkbox-disabled-color) checkbox-active-color = var(--checkbox-active-color) checkbox-active-border-color = var(--checkbox-active-border-color) checkbox-border-color = var(--checkbox-border-color) checkbox-border-radius = var(--checkbox-border-radius) codebox-font-size = var(--codebox-font-size) codebox-width = var(--codebox-width) codebox-height = var(--codebox-height) codebox-gutter = var(--codebox-gutter) codebox-border-width = var(--codebox-border-width) codebox-border-color = var(--codebox-border-color) codebox-border-active-color = var(--codebox-border-active-color) codebox-color = var(--codebox-color) codebox-blink-color = var(--codebox-blink-color) codebox-dot-color = var(--codebox-dot-color) codebox-holder-space = var(--codebox-holder-space) codebox-disabled-color = var(--codebox-disabled-color) date-picker-font-size = var(--date-picker-font-size) date-time-picker-font-size = var(--date-time-picker-font-size) dialog-width = var(--dialog-width) dialog-radius = var(--dialog-radius) dialog-body-padding = var(--dialog-body-padding) dialog-title-font-size = var(--dialog-title-font-size) dialog-title-color = var(--dialog-title-color) dialog-text-font-size = var(--dialog-text-font-size) dialog-action-font-weight = var(--dialog-action-font-weight) dialog-text-color = var(--dialog-text-color) dialog-action-height = var(--dialog-action-height) dialog-action-font-size = var(--dialog-action-font-size) dialog-action-border-color = var(--dialog-action-border-color) dialog-close-color = var(--dialog-close-color) dialog-action-highlight-color = var(--dialog-action-highlight-color) dialog-icon-size = var(--dialog-icon-size) dialog-icon-fill = var(--dialog-icon-fill) dialog-zindex = var(--dialog-zindex) drop-menu-height = var(--drop-menu-height) drop-menu-bar-bg = var(--drop-menu-bar-bg) drop-menu-bar-border-color = var(--drop-menu-bar-border-color) drop-menu-list-bg = var(--drop-menu-list-bg) drop-menu-color = var(--drop-menu-color) drop-menu-font-size = var(--drop-menu-font-size) drop-menu-font-weight = var(--drop-menu-font-weight) drop-menu-disabled-opacity = var(--drop-menu-disabled-opacity) drop-menu-zindex = var(--drop-menu-zindex) field-padding-h = var(--field-padding-h) field-padding-v = var(--field-padding-v) field-bg-color = var(--field-bg-color) field-header-gap = var(--field-header-gap) field-footer-gap = var(--field-footer-gap) field-title-color = var(--field-title-color) field-title-font-size = var(--field-title-font-size) field-title-font-weight = var(--field-title-font-weight) field-title-font-weight-android = var(--field-title-font-weight-android) field-brief-color = var(--field-brief-color) field-brief-font-size = var(--field-brief-font-size) field-action-color = var(--field-action-color) field-action-font-size = var(--field-action-font-size) field-item-min-height = var(--field-item-min-height) field-item-padding-v = var(--field-item-padding-v) field-item-title-width = var(--field-item-title-width) field-item-title-gap = var(--field-item-title-gap) field-item-color = var(--field-item-color) field-item-font-size = var(--field-item-font-size) field-item-font-weight = var(--field-item-font-weight) field-item-placeholder-color = var(--field-item-placeholder-color) field-item-addon-color = var(--field-item-addon-color) field-item-addon-font-size = var(--field-item-addon-font-size) field-item-border-color = var(--field-item-border-color) field-item-children-font-size = var(--field-item-children-font-size) detail-item-font-size = var(--detail-item-font-size) detail-item-title-color = var(--detail-item-title-color) detail-item-content-color = var(--detail-item-content-color) detail-item-gap = var(--detail-item-gap) icon-size-xss = var(--icon-size-xss) icon-size-xs = var(--icon-size-xs) icon-size-sm = var(--icon-size-sm) icon-size-md = var(--icon-size-md) icon-size-lg = var(--icon-size-lg) icon-font-family = var(--icon-font-family) image-viewer-index-font-size = var(--image-viewer-index-font-size) image-viewer-index-bottom = var(--image-viewer-index-bottom) image-viewer-zindex = var(--image-viewer-zindex) input-item-height = var(--input-item-height) input-item-font-size = var(--input-item-font-size) input-item-font-weight = var(--input-item-font-weight) input-item-font-weight-android = var(--input-item-font-weight-android) input-item-title-latent-font-size = var(--input-item-title-latent-font-size) input-item-font-size-large = var(--input-item-font-size-large) input-item-font-size-error = var(--input-item-font-size-error) input-item-font-size-brief = var(--input-item-font-size-brief) input-item-color = var(--input-item-color) input-item-title-latent-color = var(--input-item-title-latent-color) input-item-color-disabled = var(--input-item-color-disabled) input-item-color-error = var(--input-item-color-error) input-item-color-brief = var(--input-item-color-brief) input-item-placeholder = var(--input-item-placeholder) input-item-color-highlight = var(--input-item-color-highlight) input-item-icon = var(--input-item-icon) textarea-item-font-size = var(--textarea-item-font-size) textarea-item-font-weight = var(--textarea-item-font-weight) textarea-item-line-height = var(--textarea-item-line-height) textarea-item-color = var(--textarea-item-color) textarea-item-icon = var(--textarea-item-icon) textarea-item-color-error = var(--textarea-item-color-error) textarea-item-color-disabled = var(--textarea-item-color-disabled) textarea-item-placeholder-color = var(--textarea-item-placeholder-color) textarea-item-placeholder-weight = var(--textarea-item-placeholder-weight) slider-bg-base = var(--slider-bg-base) slider-bg-tap = var(--slider-bg-tap) slider-handle-bg = var(--slider-handle-bg) landscape-width = var(--landscape-width) landscape-fullscreen-bg = var(--landscape-fullscreen-bg) landscape-zindex = var(--landscape-zindex) notice-bar-fill = var(--notice-bar-fill) notice-bar-font-size = var(--notice-bar-font-size) notice-bar-color = var(--notice-bar-color) notice-bar-border-radius = var(--notice-bar-border-radius) notice-bar-fill-warning = var(--notice-bar-fill-warning) notice-bar-color-warning = var(--notice-bar-color-warning) notice-bar-fill-activity = var(--notice-bar-fill-activity) notice-bar-color-activity = var(--notice-bar-color-activity) notice-bar-zindex = var(--notice-bar-zindex) number-keyboard-width = var(--number-keyboard-width) number-keyboard-height = var(--number-keyboard-height) number-keyboard-bg = var(--number-keyboard-bg) number-keyboard-key-height = var(--number-keyboard-key-height) number-keyboard-key-bg = var(--number-keyboard-key-bg) number-keyboard-key-bg-tap = var(--number-keyboard-key-bg-tap) number-keyboard-key-confirm-bg = var(--number-keyboard-key-confirm-bg) number-keyboard-key-confirm-bg-tap = var(--number-keyboard-key-confirm-bg-tap) number-keyboard-key-font-size = var(--number-keyboard-key-font-size) number-keyboard-key-font-weight = var(--number-keyboard-key-font-weight) number-keyboard-key-color = var(--number-keyboard-key-color) number-keyboard-key-confirm-color = var(--number-keyboard-key-confirm-color) number-keyboard-key-border-color = var(--number-keyboard-key-border-color) number-keyboard-zindex = var(--number-keyboard-zindex) picker-padding-h = var(--picker-padding-h) picker-font-size = var(--picker-font-size) picker-disabled-opacity = var(--picker-disabled-opacity) picker-color = var(--picker-color) picker-color-active = var(--picker-color-active) picker-font-weight-active = var(--picker-font-weight-active) picker-border-color = var(--picker-border-color) picker-zindex = var(--picker-zindex) popup-title-bar-bg = var(--popup-title-bar-bg) popup-title-bar-height = var(--popup-title-bar-height) popup-title-bar-height-large = var(--popup-title-bar-height-large) popup-title-bar-radius = var(--popup-title-bar-radius) popup-title-bar-radius-large = var(--popup-title-bar-radius-large) popup-title-bar-font-size-button = var(--popup-title-bar-font-size-button) popup-title-bar-font-weight-button = var(--popup-title-bar-font-weight-button) popup-title-bar-font-size-title = var(--popup-title-bar-font-size-title) popup-title-bar-font-size-describe = var(--popup-title-bar-font-size-describe) popup-title-bar-color-title = var(--popup-title-bar-color-title) popup-title-bar-color-describe = var(--popup-title-bar-color-describe) popup-title-bar-color-button-left = var(--popup-title-bar-color-button-left) popup-title-bar-color-button-right = var(--popup-title-bar-color-button-right) popup-mask-bg = var(--popup-mask-bg) popup-zindex = var(--popup-zindex) radio-color = var(--radio-color) result-page-image-size = var(--result-page-image-size) result-page-title-font-size = var(--result-page-title-font-size) result-page-describe-font-size = var(--result-page-describe-font-size) result-page-title-color = var(--result-page-title-color) result-page-describe-color = var(--result-page-describe-color) selector-disabled-opacity = var(--selector-disabled-opacity) selector-active-color = var(--selector-active-color) selector-zindex = var(--selector-zindex) stepper-fill = var(--stepper-fill) stepper-disabled-opacity = var(--stepper-disabled-opacity) stepper-color = var(--stepper-color) stepper-font-size = var(--stepper-font-size) stepper-input-font-size = var(--stepper-input-font-size) stepper-height = var(--stepper-height) stepper-width-button = var(--stepper-width-button) stepper-width-input = var(--stepper-width-input) stepper-radius-button = var(--stepper-radius-button) stepper-radius-input = var(--stepper-radius-input) steps-color = var(--steps-color) steps-color-active = var(--steps-color-active) steps-border-size = var(--steps-border-size) steps-icon-size = var(--steps-icon-size) steps-text-color = var(--steps-text-color) steps-text-font-size = var(--steps-text-font-size) steps-text-gap-horizontal = var(--steps-text-gap-horizontal) steps-text-gap-vertical = var(--steps-text-gap-vertical) steps-desc-color = var(--steps-desc-color) steps-desc-font-size = var(--steps-desc-font-size) steps-transition-delay = var(--steps-transition-delay) switch-fill = var(--switch-fill) switch-fill-inverse = var(--switch-fill-inverse) switch-handle-color = var(--switch-handle-color) switch-item-color-disabled = var(--switch-item-color-disabled) swiper-indicator-fill = var(--swiper-indicator-fill) tab-font-size = var(--tab-font-size) tab-font-weight = var(--tab-font-weight) tab-text-color = var(--tab-text-color) tab-active-color = var(--tab-active-color) tab-disabled-color = var(--tab-disabled-color) tab-bg = var(--tab-bg) tab-height = var(--tab-height) tab-ink-height = var(--tab-ink-height) tab-offset = var(--tab-offset) tab-item-gap = var(--tab-item-gap) tab-picker-height = var(--tab-picker-height) tab-picker-h-gap = var(--tab-picker-h-gap) tab-picker-bg = var(--tab-picker-bg) tab-picker-zindex = var(--tab-picker-zindex) tag-color = var(--tag-color) tag-fillet-radius = var(--tag-fillet-radius) tag-large-font-size = var(--tag-large-font-size) tag-small-font-size = var(--tag-small-font-size) tag-tiny-font-size = var(--tag-tiny-font-size) tip-fill = var(--tip-fill) tip-fill-opacity = var(--tip-fill-opacity) tip-font-size = var(--tip-font-size) tip-color = var(--tip-color) tip-radius = var(--tip-radius) tip-padding = var(--tip-padding) tip-close-size = var(--tip-close-size) tip-shadow = var(--tip-shadow) tip-zindex = var(--tip-zindex) toast-fill = var(--toast-fill) toast-font-size = var(--toast-font-size) toast-color = var(--toast-color) toast-radius = var(--toast-radius) toast-radius-medium = var(--toast-radius-medium) toast-padding = var(--toast-padding) toast-zindex = var(--toast-zindex)