antd-mobile 5.14.1 → 5.14.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,17 +2,17 @@
2
2
  .adm-button {
3
3
  color: #333333;
4
4
  background-color: #ffffff;
5
- font-size: 17px;
6
- border-width: 1px;
5
+ font-size: 34px;
6
+ border-width: 2px;
7
7
  border-style: solid;
8
8
  border-color: #eeeeee;
9
- border-radius: 4px;
9
+ border-radius: 8px;
10
10
  }
11
11
 
12
12
  .adm-button::before {
13
- transform: translate(-1px, -1px);
14
- border: 1px solid #000;
15
- border-radius: 4px;
13
+ transform: translate(-2px, -2px);
14
+ border: 2px solid #000;
15
+ border-radius: 8px;
16
16
  }
17
17
 
18
18
  .adm-button-default.adm-button-fill-outline {
@@ -79,27 +79,27 @@
79
79
  }
80
80
 
81
81
  .adm-button.adm-button-mini {
82
- font-size: 13px;
82
+ font-size: 26px;
83
83
  }
84
84
 
85
85
  .adm-button.adm-button-small {
86
- padding-top: 3px;
87
- padding-bottom: 3px;
88
- font-size: 15px;
86
+ padding-top: 6px;
87
+ padding-bottom: 6px;
88
+ font-size: 30px;
89
89
  }
90
90
 
91
91
  .adm-button.adm-button-large {
92
- padding-top: 11px;
93
- padding-bottom: 11px;
94
- font-size: 18px;
92
+ padding-top: 22px;
93
+ padding-bottom: 22px;
94
+ font-size: 36px;
95
95
  }
96
96
 
97
97
  .adm-button.adm-button-shape-rounded {
98
- border-radius: 1000px;
98
+ border-radius: 2000px;
99
99
  }
100
100
 
101
101
  .adm-button.adm-button-shape-rounded::before {
102
- border-radius: 1000px;
102
+ border-radius: 2000px;
103
103
  }
104
104
 
105
105
  .adm-button.adm-button-shape-rectangular {
@@ -111,17 +111,17 @@
111
111
  }
112
112
 
113
113
  .adm-center-popup-wrap {
114
- min-width: 280px;
114
+ min-width: 560px;
115
115
  max-width: 75vw;
116
116
  }
117
117
 
118
118
  .adm-center-popup-body {
119
119
  background-color: #ffffff;
120
- border-radius: 8px;
120
+ border-radius: 16px;
121
121
  }
122
122
 
123
123
  .adm-error-block-image {
124
- height: 100px;
124
+ height: 200px;
125
125
  width: auto;
126
126
  }
127
127
 
@@ -134,11 +134,11 @@
134
134
  }
135
135
 
136
136
  .adm-error-block-full-page {
137
- padding-top: calc(50vh - 200px);
137
+ padding-top: calc(50vh - 400px);
138
138
  }
139
139
 
140
140
  .adm-error-block-full-page .adm-error-block-image {
141
- height: 200px;
141
+ height: 400px;
142
142
  width: auto;
143
143
  }
144
144
 
@@ -168,25 +168,25 @@
168
168
  }
169
169
 
170
170
  .adm-modal-body {
171
- font-size: 14px;
171
+ font-size: 28px;
172
172
  }
173
173
 
174
174
  .adm-modal-title {
175
- font-size: 18px;
175
+ font-size: 36px;
176
176
  }
177
177
 
178
178
  .adm-modal-content {
179
- font-size: 15px;
179
+ font-size: 30px;
180
180
  color: #333333;
181
181
  }
182
182
 
183
183
  .adm-modal-close {
184
184
  color: #999999;
185
- font-size: 18px;
185
+ font-size: 36px;
186
186
  }
187
187
 
188
188
  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item {
189
- margin-bottom: 20px;
189
+ margin-bottom: 40px;
190
190
  }
191
191
 
192
192
  .adm-modal-footer.adm-space.adm-space-vertical > .adm-space-item.adm-space-item:last-child {
@@ -194,18 +194,18 @@
194
194
  }
195
195
 
196
196
  .adm-modal-footer .adm-modal-button {
197
- font-size: 18px;
197
+ font-size: 36px;
198
198
  }
199
199
 
200
200
  .adm-page-indicator-dot {
201
- width: 3px;
202
- height: 3px;
203
- border-radius: 1px;
201
+ width: 6px;
202
+ height: 6px;
203
+ border-radius: 2px;
204
204
  background: rgba(0, 0, 0, 0.2);
205
205
  }
206
206
 
207
207
  .adm-page-indicator-dot-active {
208
- border-radius: 1px;
208
+ border-radius: 2px;
209
209
  background: #1677ff;
210
210
  }
211
211
 
@@ -214,19 +214,19 @@
214
214
  }
215
215
 
216
216
  .adm-page-indicator-horizontal .adm-page-indicator-dot {
217
- margin-right: 3px;
217
+ margin-right: 6px;
218
218
  }
219
219
 
220
220
  .adm-page-indicator-horizontal .adm-page-indicator-dot-active {
221
- width: 13px;
221
+ width: 26px;
222
222
  }
223
223
 
224
224
  .adm-page-indicator-vertical .adm-page-indicator-dot {
225
- margin-bottom: 3px;
225
+ margin-bottom: 6px;
226
226
  }
227
227
 
228
228
  .adm-page-indicator-vertical .adm-page-indicator-dot-active {
229
- height: 13px;
229
+ height: 26px;
230
230
  }
231
231
 
232
232
  .adm-popover-menu.adm-popover .adm-popover-inner-content {
@@ -234,7 +234,7 @@
234
234
  }
235
235
 
236
236
  .adm-popover-menu-item-text {
237
- border-top: solid 1px #eeeeee;
237
+ border-top: solid 2px #eeeeee;
238
238
  }
239
239
 
240
240
  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled) {
@@ -242,7 +242,7 @@
242
242
  }
243
243
 
244
244
  .adm-popover-menu-item:active:not(.adm-popover-menu-item-disabled)::after {
245
- border-bottom: solid 1px #eeeeee;
245
+ border-bottom: solid 2px #eeeeee;
246
246
  }
247
247
 
248
248
  .adm-popover.adm-popover-dark.adm-popover-menu.adm-popover-menu .adm-popover-menu-item-text {
@@ -275,11 +275,11 @@
275
275
 
276
276
  .adm-popover-inner {
277
277
  background-color: #ffffff;
278
- font-size: 15px;
278
+ font-size: 30px;
279
279
  }
280
280
 
281
281
  .adm-popover-inner-content {
282
- padding: 8px 12px;
282
+ padding: 16px 24px;
283
283
  }
284
284
 
285
285
  .adm-popover-arrow {
@@ -295,25 +295,25 @@
295
295
  }
296
296
 
297
297
  .adm-space-vertical > .adm-space-item {
298
- margin-bottom: 8px;
298
+ margin-bottom: 16px;
299
299
  }
300
300
 
301
301
  .adm-space-horizontal > .adm-space-item {
302
- margin-right: 8px;
302
+ margin-right: 16px;
303
303
  }
304
304
 
305
305
  .adm-space-horizontal.adm-space-wrap {
306
306
  flex-wrap: wrap;
307
- margin-bottom: -8px;
307
+ margin-bottom: -16px;
308
308
  }
309
309
 
310
310
  .adm-space-horizontal.adm-space-wrap > .adm-space-item {
311
- padding-bottom: 8px;
311
+ padding-bottom: 16px;
312
312
  }
313
313
 
314
314
  .adm-spin-loading {
315
- width: 32px;
316
- height: 32px;
315
+ width: 64px;
316
+ height: 64px;
317
317
  }
318
318
 
319
319
  .adm-spin-loading-svg {
@@ -354,11 +354,11 @@
354
354
  }
355
355
 
356
356
  .adm-tabs-header {
357
- border-bottom: solid 1px #eeeeee;
357
+ border-bottom: solid 2px #eeeeee;
358
358
  }
359
359
 
360
360
  .adm-tabs-tab {
361
- font-size: 17px;
361
+ font-size: 34px;
362
362
  }
363
363
 
364
364
  .adm-tabs-tab-active {
@@ -366,13 +366,13 @@
366
366
  }
367
367
 
368
368
  .adm-tabs-tab-line {
369
- height: 2px;
369
+ height: 4px;
370
370
  background: #1677ff;
371
- border-radius: 2px;
371
+ border-radius: 4px;
372
372
  }
373
373
 
374
374
  .adm-tabs-content {
375
- padding: 12px;
375
+ padding: 24px;
376
376
  }
377
377
 
378
378
  .adm-tabs-header-mask-left {
@@ -384,13 +384,13 @@
384
384
  }
385
385
 
386
386
  .adm-toast-mask .adm-toast-main {
387
- font-size: 15px;
387
+ font-size: 30px;
388
388
  }
389
389
 
390
390
  .adm-toast-loading.adm-toast-loading {
391
- width: 48px;
392
- height: 48px;
393
- margin: 0 auto 8px;
391
+ width: 96px;
392
+ height: 96px;
393
+ margin: 0 auto 16px;
394
394
  }
395
395
 
396
396
  .adm-toast-loading.adm-toast-loading .adm-spin-loading-fill {
package/2x/package.json CHANGED
@@ -1,18 +1,18 @@
1
1
  {
2
2
  "name": "antd-mobile",
3
- "version": "5.14.1",
3
+ "version": "5.14.2",
4
4
  "dependencies": {
5
5
  "@floating-ui/dom": "^0.5.2",
6
6
  "@react-spring/web": "^9.4.5",
7
7
  "@use-gesture/react": "10.2.15",
8
- "ahooks": "^3.4.0",
8
+ "ahooks": "^3.4.1",
9
9
  "antd-mobile-icons": "^0.2.2",
10
10
  "antd-mobile-v5-count": "^1.0.1",
11
11
  "big.js": "^6.1.1",
12
12
  "classnames": "^2.3.1",
13
- "dayjs": "^1.11.2",
13
+ "dayjs": "^1.11.3",
14
14
  "lodash": "^4.17.21",
15
- "rc-field-form": "^1.26.6",
15
+ "rc-field-form": "^1.26.7",
16
16
  "react-is": "^17.0.2",
17
17
  "staged-components": "^1.1.3",
18
18
  "tslib": "^2.4.0",