bulade-ui 1.1.48 → 1.1.49

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.
Files changed (105) hide show
  1. package/miniprogram_dist/assets/font/iconfont.scss +7 -3
  2. package/miniprogram_dist/assets/font/iconfont.wxss +7 -3
  3. package/miniprogram_dist/bld-action-sheet/index.wxss +159 -159
  4. package/miniprogram_dist/bld-badge/index.wxss +42 -42
  5. package/miniprogram_dist/bld-button/index.wxss +36 -36
  6. package/miniprogram_dist/bld-button-v2/index.wxss +175 -175
  7. package/miniprogram_dist/bld-card/index.wxss +5 -5
  8. package/miniprogram_dist/bld-cell/index.wxss +38 -38
  9. package/miniprogram_dist/bld-cell-field/index.wxss +18 -18
  10. package/miniprogram_dist/bld-cell-group/index.wxss +10 -10
  11. package/miniprogram_dist/bld-cell-group-v2/index.wxss +28 -28
  12. package/miniprogram_dist/bld-cell-v2/index.wxss +63 -63
  13. package/miniprogram_dist/bld-checkbox/index.wxss +61 -61
  14. package/miniprogram_dist/bld-cloud-image/index.wxss +2 -2
  15. package/miniprogram_dist/bld-collapse/index.wxss +6 -6
  16. package/miniprogram_dist/bld-dialog-tip/index.wxss +65 -65
  17. package/miniprogram_dist/bld-drawer/index.wxss +57 -57
  18. package/miniprogram_dist/bld-empty-page/index.wxss +13 -13
  19. package/miniprogram_dist/bld-form/bld-form-item/bld-form-date/index.wxss +55 -55
  20. package/miniprogram_dist/bld-form/bld-form-item/bld-form-input/index.wxss +26 -26
  21. package/miniprogram_dist/bld-form/bld-form-item/bld-form-select-input/index.wxss +119 -119
  22. package/miniprogram_dist/bld-form/bld-form-item/bld-form-step/index.wxss +43 -43
  23. package/miniprogram_dist/bld-form/bld-form-item/bld-form-switch/index.wxss +20 -20
  24. package/miniprogram_dist/bld-form/bld-form-item/bld-form-textarea/index.wxss +26 -26
  25. package/miniprogram_dist/bld-form/bld-form-item/bld-form-time/index.wxss +55 -55
  26. package/miniprogram_dist/bld-half-screen/index.wxss +106 -106
  27. package/miniprogram_dist/bld-html/index.wxss +30 -30
  28. package/miniprogram_dist/bld-icon/index.wxss +7 -3
  29. package/miniprogram_dist/bld-loading/index.wxss +28 -28
  30. package/miniprogram_dist/bld-message/index.wxss +76 -76
  31. package/miniprogram_dist/bld-modal/index.wxss +96 -96
  32. package/miniprogram_dist/bld-nav-bar/index.wxss +51 -51
  33. package/miniprogram_dist/bld-navbar/index.wxss +30 -30
  34. package/miniprogram_dist/bld-navbar-group/index.wxss +29 -29
  35. package/miniprogram_dist/bld-notice-bar/index.wxss +50 -50
  36. package/miniprogram_dist/bld-overlay/index.wxss +10 -10
  37. package/miniprogram_dist/bld-page/index.wxss +15 -15
  38. package/miniprogram_dist/bld-pop-up/index.wxss +26 -26
  39. package/miniprogram_dist/bld-progress/index.wxss +62 -62
  40. package/miniprogram_dist/bld-radio/index.wxss +78 -78
  41. package/miniprogram_dist/bld-retry/index.wxss +22 -22
  42. package/miniprogram_dist/bld-scroll-view/index.wxss +6 -6
  43. package/miniprogram_dist/bld-tabs/index.wxss +29 -29
  44. package/miniprogram_dist/bld-tag/index.wxss +107 -107
  45. package/miniprogram_dist/bld-text/index.wxss +25 -25
  46. package/miniprogram_dist/bld-toast/index.wxss +94 -94
  47. package/miniprogram_dist/bld-wrapper/index.wxss +6 -6
  48. package/miniprogram_dist/button/index.wxss +175 -175
  49. package/miniprogram_dist/grid/index.wxss +19 -19
  50. package/miniprogram_dist/grid-item/index.wxss +50 -50
  51. package/miniprogram_dist/timeline-item/index.wxss +30 -30
  52. package/package.json +1 -1
  53. package/src/assets/font/iconfont.scss +7 -3
  54. package/src/assets/font/iconfont.wxss +566 -566
  55. package/src/bld-action-sheet/index.wxss +159 -159
  56. package/src/bld-badge/index.wxss +42 -42
  57. package/src/bld-button/index.wxss +36 -36
  58. package/src/bld-button-v2/index.wxss +175 -175
  59. package/src/bld-card/index.wxss +5 -5
  60. package/src/bld-cell/index.wxss +38 -38
  61. package/src/bld-cell-field/index.wxss +18 -18
  62. package/src/bld-cell-group/index.wxss +10 -10
  63. package/src/bld-cell-group-v2/index.wxss +28 -28
  64. package/src/bld-cell-v2/index.wxss +63 -63
  65. package/src/bld-checkbox/index.wxss +61 -61
  66. package/src/bld-cloud-image/index.wxss +2 -2
  67. package/src/bld-collapse/index.wxss +6 -6
  68. package/src/bld-dialog-tip/index.wxss +65 -65
  69. package/src/bld-drawer/index.wxss +57 -57
  70. package/src/bld-empty-page/index.wxss +13 -13
  71. package/src/bld-form/bld-form-item/bld-form-date/index.wxss +55 -55
  72. package/src/bld-form/bld-form-item/bld-form-input/index.wxss +26 -26
  73. package/src/bld-form/bld-form-item/bld-form-select-input/index.wxss +119 -119
  74. package/src/bld-form/bld-form-item/bld-form-step/index.wxss +43 -43
  75. package/src/bld-form/bld-form-item/bld-form-switch/index.wxss +20 -20
  76. package/src/bld-form/bld-form-item/bld-form-textarea/index.wxss +26 -26
  77. package/src/bld-form/bld-form-item/bld-form-time/index.wxss +55 -55
  78. package/src/bld-half-screen/index.wxss +106 -106
  79. package/src/bld-html/index.wxss +30 -30
  80. package/src/bld-icon/index.wxss +7 -3
  81. package/src/bld-icon-back/index.wxss +7 -3
  82. package/src/bld-loading/index.wxss +28 -28
  83. package/src/bld-message/index.wxss +76 -76
  84. package/src/bld-modal/index.wxss +96 -96
  85. package/src/bld-nav-bar/index.wxss +51 -51
  86. package/src/bld-nav-bar1/index.wxss +35 -35
  87. package/src/bld-navbar/index.wxss +30 -30
  88. package/src/bld-navbar-group/index.wxss +29 -29
  89. package/src/bld-notice-bar/index.wxss +50 -50
  90. package/src/bld-overlay/index.wxss +10 -10
  91. package/src/bld-page/index.wxss +15 -15
  92. package/src/bld-pop-up/index.wxss +26 -26
  93. package/src/bld-progress/index.wxss +62 -62
  94. package/src/bld-radio/index.wxss +78 -78
  95. package/src/bld-retry/index.wxss +22 -22
  96. package/src/bld-scroll-view/index.wxss +6 -6
  97. package/src/bld-tabs/index.wxss +29 -29
  98. package/src/bld-tag/index.wxss +107 -107
  99. package/src/bld-text/index.wxss +25 -25
  100. package/src/bld-toast/index.wxss +94 -94
  101. package/src/bld-wrapper/index.wxss +6 -6
  102. package/src/button/index.wxss +175 -175
  103. package/src/grid/index.wxss +19 -19
  104. package/src/grid-item/index.wxss +50 -50
  105. package/src/timeline-item/index.wxss +30 -30
@@ -1,26 +1,26 @@
1
- .content {
2
- display: -webkit-box;
3
- -webkit-box-orient: vertical;
4
- overflow: hidden;
5
- text-overflow: ellipsis;
6
- }
7
- .content.sm {
8
- line-height: calc(var(--font-size-sm) * 1.8);
9
- letter-spacing: 1rpx;
10
- font-size: var(--font-size-sm);
11
- }
12
- .content.md {
13
- line-height: calc(var(--font-size-md) * 1.8);
14
- letter-spacing: 1rpx;
15
- font-size: var(--font-size-md);
16
- }
17
- .content.lg-r {
18
- line-height: calc(var(--font-size-lg-r) * 1.8);
19
- letter-spacing: 1rpx;
20
- font-size: var(--font-size-lg-r);
21
- }
22
- .content.lg {
23
- line-height: calc(var(--font-size-lg) * 1.8);
24
- letter-spacing: 1rpx;
25
- font-size: var(--font-size-lg);
1
+ .content {
2
+ display: -webkit-box;
3
+ -webkit-box-orient: vertical;
4
+ overflow: hidden;
5
+ text-overflow: ellipsis;
6
+ }
7
+ .content.sm {
8
+ line-height: calc(var(--font-size-sm) * 1.8);
9
+ letter-spacing: 1rpx;
10
+ font-size: var(--font-size-sm);
11
+ }
12
+ .content.md {
13
+ line-height: calc(var(--font-size-md) * 1.8);
14
+ letter-spacing: 1rpx;
15
+ font-size: var(--font-size-md);
16
+ }
17
+ .content.lg-r {
18
+ line-height: calc(var(--font-size-lg-r) * 1.8);
19
+ letter-spacing: 1rpx;
20
+ font-size: var(--font-size-lg-r);
21
+ }
22
+ .content.lg {
23
+ line-height: calc(var(--font-size-lg) * 1.8);
24
+ letter-spacing: 1rpx;
25
+ font-size: var(--font-size-lg);
26
26
  }
@@ -1,95 +1,95 @@
1
- .m-toast__mask {
2
- z-index: 2000;
3
- position: fixed;
4
- top: 0;
5
- bottom: 0;
6
- left: 0;
7
- right: 0;
8
- background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
9
- }
10
-
11
- .m-toast__wrap {
12
- opacity: 0;
13
- z-index: 2001;
14
- position: fixed;
15
- left: 50%;
16
- transform: translate(-50%, -50%);
17
- transition: opacity 0.15s ease-in;
18
- }
19
- .m-toast__wrap.m-toast--top {
20
- top: 110rpx;
21
- animation: toast-top 0.25s ease-in-out;
22
- }
23
- .m-toast__wrap.m-toast--middle {
24
- top: 45%;
25
- }
26
- .m-toast__wrap.m-toast--bottom {
27
- bottom: 110rpx;
28
- animation: toast-bottom 0.25s ease-in-out;
29
- }
30
- .m-toast__wrap.m-toast--show {
31
- opacity: 1;
32
- }
33
- .m-toast__wrap .m-toast {
34
- margin: 0 auto;
35
- padding: 24rpx 40rpx;
36
- color: #fff;
37
- font-size: 28rpx;
38
- line-height: 28rpx;
39
- text-align: center;
40
- border-radius: 4rpx;
41
- box-sizing: border-box;
42
- background: rgba(0, 0, 0, 0.75);
43
- }
44
- .m-toast__wrap .m-toast .m-toast__icon {
45
- padding: 30rpx 0 60rpx;
46
- }
47
- .m-toast__wrap .m-toast .m-toast__image {
48
- padding-bottom: 20rpx;
49
- }
50
- .m-toast__wrap .m-toast .m-toast__image .m-toast__image__inner {
51
- max-width: 160rpx;
52
- max-height: 160rpx;
53
- }
54
- .m-toast__wrap .m-toast .m-toast__loading {
55
- display: inline-block;
56
- margin: 26rpx 36rpx 36rpx;
57
- width: 54rpx;
58
- height: 54rpx;
59
- border-radius: 50%;
60
- border: 6rpx solid #fff;
61
- border-left-color: transparent;
62
- vertical-align: middle;
63
- background: 0 0;
64
- animation: btn-spinner 0.8s linear infinite;
65
- }
66
- @keyframes toast-top {
67
- 0% {
68
- top: 40rpx;
69
- }
70
- 60% {
71
- top: 130rpx;
72
- }
73
- 100% {
74
- top: 110rpx;
75
- }
76
- }
77
- @keyframes toast-bottom {
78
- 0% {
79
- bottom: 40rpx;
80
- }
81
- 60% {
82
- bottom: 130rpx;
83
- }
84
- 100% {
85
- bottom: 110rpx;
86
- }
87
- }
88
- @keyframes btn-spinner {
89
- 0% {
90
- transform: rotate(0);
91
- }
92
- 100% {
93
- transform: rotate(360deg);
94
- }
1
+ .m-toast__mask {
2
+ z-index: 2000;
3
+ position: fixed;
4
+ top: 0;
5
+ bottom: 0;
6
+ left: 0;
7
+ right: 0;
8
+ background-color: var(--color-mask, rgba(0, 0, 0, 0.55));
9
+ }
10
+
11
+ .m-toast__wrap {
12
+ opacity: 0;
13
+ z-index: 2001;
14
+ position: fixed;
15
+ left: 50%;
16
+ transform: translate(-50%, -50%);
17
+ transition: opacity 0.15s ease-in;
18
+ }
19
+ .m-toast__wrap.m-toast--top {
20
+ top: 110rpx;
21
+ animation: toast-top 0.25s ease-in-out;
22
+ }
23
+ .m-toast__wrap.m-toast--middle {
24
+ top: 45%;
25
+ }
26
+ .m-toast__wrap.m-toast--bottom {
27
+ bottom: 110rpx;
28
+ animation: toast-bottom 0.25s ease-in-out;
29
+ }
30
+ .m-toast__wrap.m-toast--show {
31
+ opacity: 1;
32
+ }
33
+ .m-toast__wrap .m-toast {
34
+ margin: 0 auto;
35
+ padding: 24rpx 40rpx;
36
+ color: #fff;
37
+ font-size: 28rpx;
38
+ line-height: 28rpx;
39
+ text-align: center;
40
+ border-radius: 4rpx;
41
+ box-sizing: border-box;
42
+ background: rgba(0, 0, 0, 0.75);
43
+ }
44
+ .m-toast__wrap .m-toast .m-toast__icon {
45
+ padding: 30rpx 0 60rpx;
46
+ }
47
+ .m-toast__wrap .m-toast .m-toast__image {
48
+ padding-bottom: 20rpx;
49
+ }
50
+ .m-toast__wrap .m-toast .m-toast__image .m-toast__image__inner {
51
+ max-width: 160rpx;
52
+ max-height: 160rpx;
53
+ }
54
+ .m-toast__wrap .m-toast .m-toast__loading {
55
+ display: inline-block;
56
+ margin: 26rpx 36rpx 36rpx;
57
+ width: 54rpx;
58
+ height: 54rpx;
59
+ border-radius: 50%;
60
+ border: 6rpx solid #fff;
61
+ border-left-color: transparent;
62
+ vertical-align: middle;
63
+ background: 0 0;
64
+ animation: btn-spinner 0.8s linear infinite;
65
+ }
66
+ @keyframes toast-top {
67
+ 0% {
68
+ top: 40rpx;
69
+ }
70
+ 60% {
71
+ top: 130rpx;
72
+ }
73
+ 100% {
74
+ top: 110rpx;
75
+ }
76
+ }
77
+ @keyframes toast-bottom {
78
+ 0% {
79
+ bottom: 40rpx;
80
+ }
81
+ 60% {
82
+ bottom: 130rpx;
83
+ }
84
+ 100% {
85
+ bottom: 110rpx;
86
+ }
87
+ }
88
+ @keyframes btn-spinner {
89
+ 0% {
90
+ transform: rotate(0);
91
+ }
92
+ 100% {
93
+ transform: rotate(360deg);
94
+ }
95
95
  }
@@ -1,7 +1,7 @@
1
- .container {
2
- display: flex;
3
- flex-direction: column;
4
- overflow: auto;
5
- position: absolute;
6
- width: 100%;
1
+ .container {
2
+ display: flex;
3
+ flex-direction: column;
4
+ overflow: auto;
5
+ position: absolute;
6
+ width: 100%;
7
7
  }
@@ -1,176 +1,176 @@
1
- .m-button {
2
- position: relative;
3
- display: flex;
4
- align-items: center;
5
- justify-content: center;
6
- margin: 10px;
7
- padding: 0 27rpx;
8
- width: auto;
9
- height: 86rpx;
10
- line-height: 86rpx;
11
- text-align: center;
12
- vertical-align: middle;
13
- white-space: nowrap;
14
- letter-spacing: 4rpx;
15
- font-size: 28rpx;
16
- font-weight: normal;
17
- border-radius: 6rpx;
18
- border: 0 !important;
19
- color: var(--color-text-primary, #303133);
20
- overflow: visible;
21
- box-sizing: border-box;
22
- background-color: #fff;
23
- transition: opacity 0.16s, background-color 0.16s;
24
- /* plain */
25
- }
26
- .m-button .m-button__icon {
27
- font-size: 28rpx;
28
- width: 24rpx;
29
- height: 24rpx;
30
- }
31
- .m-button.is-hover {
32
- opacity: 0.8;
33
- }
34
- .m-button:not(.is-disabled).is-plain--hover::before, .m-button:not(.is-loading).is-plain--hover::before {
35
- display: block;
36
- position: absolute;
37
- left: 0;
38
- right: 0;
39
- top: 0;
40
- bottom: 0;
41
- opacity: 0.15;
42
- content: " ";
43
- background-color: currentColor;
44
- }
45
- .m-button.is-round.is-plain--hover::before {
46
- border-radius: 100rpx;
47
- }
48
- .m-button.m-button--full {
49
- margin: 0;
50
- border-radius: 0;
51
- box-shadow: none;
52
- }
53
- .m-button.m-button--large {
54
- padding: 0 32rpx;
55
- height: 96rpx;
56
- line-height: 96rpx;
57
- font-size: 32rpx;
58
- }
59
- .m-button.m-button--small {
60
- padding: 0 18rpx;
61
- height: 68rpx;
62
- line-height: 68rpx;
63
- }
64
- .m-button.m-button--primary {
65
- color: #fff;
66
- background-color: var(--color-primary, #409EFF);
67
- }
68
- .m-button.m-button--default {
69
- background-color: transparent;
70
- color: var(--color-text-primary, #303133);
71
- }
72
- .m-button.m-button--default::after {
73
- content: " ";
74
- display: block;
75
- width: 200%;
76
- height: 200%;
77
- z-index: 1;
78
- position: absolute;
79
- top: 0;
80
- left: 0;
81
- border: 1px solid #dcdfe6;
82
- transform: scale(0.5);
83
- transform-origin: 0 0;
84
- box-sizing: border-box;
85
- border-radius: 6rpx;
86
- pointer-events: none;
87
- }
88
- .m-button.m-button--default.is-hover {
89
- background-color: rgba(0, 0, 0, 0.07);
90
- }
91
- .m-button.m-button--ghost {
92
- background-color: transparent;
93
- color: var(--color-text-primary, #303133);
94
- }
95
- .m-button.m-button--success {
96
- color: #fff;
97
- background-color: var(--color-success, #67C23A);
98
- }
99
- .m-button.m-button--warning {
100
- color: #fff;
101
- background-color: var(--color-warning, #E6A23C);
102
- }
103
- .m-button.m-button--danger {
104
- color: #fff;
105
- background-color: var(--color-danger, #F56C6C);
106
- }
107
- .m-button.m-button--info {
108
- color: #fff;
109
- background-color: var(--color-info, #909399);
110
- }
111
- .m-button .m-button--primary.is-plain {
112
- color: var(--color-primary, #409EFF);
113
- background-color: #fff;
114
- }
115
- .m-button .m-button--success.is-plain {
116
- color: var(--color-success, #67C23A);
117
- background-color: #fff;
118
- }
119
- .m-button .m-button--warning.is-plain {
120
- color: var(--color-warning, #E6A23C);
121
- background-color: #fff;
122
- }
123
- .m-button .m-button--danger.is-plain {
124
- color: var(--color-danger, #F56C6C);
125
- background-color: #fff;
126
- }
127
- .m-button .m-button--info.is-plain {
128
- color: var(--color-info, #909399);
129
- background-color: #fff;
130
- }
131
- .m-button.is-plain::after {
132
- content: " ";
133
- display: block;
134
- width: 200%;
135
- height: 200%;
136
- position: absolute;
137
- top: 0;
138
- left: 0;
139
- border: 1px solid currentColor;
140
- transform: scale(0.5);
141
- transform-origin: 0 0;
142
- box-sizing: border-box;
143
- border-radius: 6rpx;
144
- z-index: 1;
145
- pointer-events: none;
146
- }
147
- .m-button.is-round {
148
- border-radius: 100rpx;
149
- }
150
- .m-button.is-round.is-plain::after {
151
- border-radius: 100rpx;
152
- }
153
- .m-button.is-loading {
154
- opacity: 0.85;
155
- }
156
- .m-button .m-button__loading {
157
- width: 32rpx;
158
- height: 32rpx;
159
- background-color: 0 0;
160
- border-radius: 50%;
161
- border: 4rpx solid currentColor;
162
- border-left-color: transparent;
163
- animation: btn-spinner 0.8s linear;
164
- animation-iteration-count: infinite;
165
- }
166
- .m-button.is-disabled {
167
- opacity: 0.65;
168
- }
169
- .m-button.is-inline {
170
- display: inline-flex;
171
- }
172
- @keyframes btn-spinner {
173
- 100% {
174
- transform: rotate(360deg);
175
- }
1
+ .m-button {
2
+ position: relative;
3
+ display: flex;
4
+ align-items: center;
5
+ justify-content: center;
6
+ margin: 10px;
7
+ padding: 0 27rpx;
8
+ width: auto;
9
+ height: 86rpx;
10
+ line-height: 86rpx;
11
+ text-align: center;
12
+ vertical-align: middle;
13
+ white-space: nowrap;
14
+ letter-spacing: 4rpx;
15
+ font-size: 28rpx;
16
+ font-weight: normal;
17
+ border-radius: 6rpx;
18
+ border: 0 !important;
19
+ color: var(--color-text-primary, #303133);
20
+ overflow: visible;
21
+ box-sizing: border-box;
22
+ background-color: #fff;
23
+ transition: opacity 0.16s, background-color 0.16s;
24
+ /* plain */
25
+ }
26
+ .m-button .m-button__icon {
27
+ font-size: 28rpx;
28
+ width: 24rpx;
29
+ height: 24rpx;
30
+ }
31
+ .m-button.is-hover {
32
+ opacity: 0.8;
33
+ }
34
+ .m-button:not(.is-disabled).is-plain--hover::before, .m-button:not(.is-loading).is-plain--hover::before {
35
+ display: block;
36
+ position: absolute;
37
+ left: 0;
38
+ right: 0;
39
+ top: 0;
40
+ bottom: 0;
41
+ opacity: 0.15;
42
+ content: " ";
43
+ background-color: currentColor;
44
+ }
45
+ .m-button.is-round.is-plain--hover::before {
46
+ border-radius: 100rpx;
47
+ }
48
+ .m-button.m-button--full {
49
+ margin: 0;
50
+ border-radius: 0;
51
+ box-shadow: none;
52
+ }
53
+ .m-button.m-button--large {
54
+ padding: 0 32rpx;
55
+ height: 96rpx;
56
+ line-height: 96rpx;
57
+ font-size: 32rpx;
58
+ }
59
+ .m-button.m-button--small {
60
+ padding: 0 18rpx;
61
+ height: 68rpx;
62
+ line-height: 68rpx;
63
+ }
64
+ .m-button.m-button--primary {
65
+ color: #fff;
66
+ background-color: var(--color-primary, #409EFF);
67
+ }
68
+ .m-button.m-button--default {
69
+ background-color: transparent;
70
+ color: var(--color-text-primary, #303133);
71
+ }
72
+ .m-button.m-button--default::after {
73
+ content: " ";
74
+ display: block;
75
+ width: 200%;
76
+ height: 200%;
77
+ z-index: 1;
78
+ position: absolute;
79
+ top: 0;
80
+ left: 0;
81
+ border: 1px solid #dcdfe6;
82
+ transform: scale(0.5);
83
+ transform-origin: 0 0;
84
+ box-sizing: border-box;
85
+ border-radius: 6rpx;
86
+ pointer-events: none;
87
+ }
88
+ .m-button.m-button--default.is-hover {
89
+ background-color: rgba(0, 0, 0, 0.07);
90
+ }
91
+ .m-button.m-button--ghost {
92
+ background-color: transparent;
93
+ color: var(--color-text-primary, #303133);
94
+ }
95
+ .m-button.m-button--success {
96
+ color: #fff;
97
+ background-color: var(--color-success, #67C23A);
98
+ }
99
+ .m-button.m-button--warning {
100
+ color: #fff;
101
+ background-color: var(--color-warning, #E6A23C);
102
+ }
103
+ .m-button.m-button--danger {
104
+ color: #fff;
105
+ background-color: var(--color-danger, #F56C6C);
106
+ }
107
+ .m-button.m-button--info {
108
+ color: #fff;
109
+ background-color: var(--color-info, #909399);
110
+ }
111
+ .m-button .m-button--primary.is-plain {
112
+ color: var(--color-primary, #409EFF);
113
+ background-color: #fff;
114
+ }
115
+ .m-button .m-button--success.is-plain {
116
+ color: var(--color-success, #67C23A);
117
+ background-color: #fff;
118
+ }
119
+ .m-button .m-button--warning.is-plain {
120
+ color: var(--color-warning, #E6A23C);
121
+ background-color: #fff;
122
+ }
123
+ .m-button .m-button--danger.is-plain {
124
+ color: var(--color-danger, #F56C6C);
125
+ background-color: #fff;
126
+ }
127
+ .m-button .m-button--info.is-plain {
128
+ color: var(--color-info, #909399);
129
+ background-color: #fff;
130
+ }
131
+ .m-button.is-plain::after {
132
+ content: " ";
133
+ display: block;
134
+ width: 200%;
135
+ height: 200%;
136
+ position: absolute;
137
+ top: 0;
138
+ left: 0;
139
+ border: 1px solid currentColor;
140
+ transform: scale(0.5);
141
+ transform-origin: 0 0;
142
+ box-sizing: border-box;
143
+ border-radius: 6rpx;
144
+ z-index: 1;
145
+ pointer-events: none;
146
+ }
147
+ .m-button.is-round {
148
+ border-radius: 100rpx;
149
+ }
150
+ .m-button.is-round.is-plain::after {
151
+ border-radius: 100rpx;
152
+ }
153
+ .m-button.is-loading {
154
+ opacity: 0.85;
155
+ }
156
+ .m-button .m-button__loading {
157
+ width: 32rpx;
158
+ height: 32rpx;
159
+ background-color: 0 0;
160
+ border-radius: 50%;
161
+ border: 4rpx solid currentColor;
162
+ border-left-color: transparent;
163
+ animation: btn-spinner 0.8s linear;
164
+ animation-iteration-count: infinite;
165
+ }
166
+ .m-button.is-disabled {
167
+ opacity: 0.65;
168
+ }
169
+ .m-button.is-inline {
170
+ display: inline-flex;
171
+ }
172
+ @keyframes btn-spinner {
173
+ 100% {
174
+ transform: rotate(360deg);
175
+ }
176
176
  }
@@ -1,20 +1,20 @@
1
- .m-grid {
2
- position: relative;
3
- width: 100%;
4
- box-sizing: border-box;
5
- overflow: hidden;
6
- }
7
- .m-grid.m-grid--border::after {
8
- content: " ";
9
- position: absolute;
10
- top: 0;
11
- left: 0;
12
- width: 200%;
13
- height: 200%;
14
- transform: scale(0.5);
15
- transform-origin: 0 0;
16
- box-sizing: border-box;
17
- border: 1px solid transparent;
18
- border-top-color: var(--color-border, #dcdee2);
19
- border-left-color: var(--color-border, #dcdee2);
1
+ .m-grid {
2
+ position: relative;
3
+ width: 100%;
4
+ box-sizing: border-box;
5
+ overflow: hidden;
6
+ }
7
+ .m-grid.m-grid--border::after {
8
+ content: " ";
9
+ position: absolute;
10
+ top: 0;
11
+ left: 0;
12
+ width: 200%;
13
+ height: 200%;
14
+ transform: scale(0.5);
15
+ transform-origin: 0 0;
16
+ box-sizing: border-box;
17
+ border: 1px solid transparent;
18
+ border-top-color: var(--color-border, #dcdee2);
19
+ border-left-color: var(--color-border, #dcdee2);
20
20
  }