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,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,6 +1,6 @@
1
- .card {
2
- padding: 24rpx;
3
- border-radius: 24rpx;
4
- background: white;
5
- overflow: hidden;
1
+ .card {
2
+ padding: 24rpx;
3
+ border-radius: 24rpx;
4
+ background: white;
5
+ overflow: hidden;
6
6
  }
@@ -1,39 +1,39 @@
1
- .cell {
2
- background: #fff;
3
- display: flex;
4
- align-items: center;
5
- font-size: var(--font-size-lg-r);
6
- }
7
-
8
- .title-wrapper {
9
- flex: 1;
10
- display: flex;
11
- align-items: center;
12
- border-bottom: 1px solid #eee;
13
- padding: var(--font-size-lg-r) 0;
14
- }
15
-
16
- .icon {
17
- margin-right: 12rpx;
18
- }
19
-
20
- .title {
21
- flex: 1;
22
- display: flex;
23
- flex-direction: column;
24
- }
25
- .title .sub-title {
26
- margin-top: 6rpx;
27
- color: #999;
28
- }
29
-
30
- .type-text .title .main-title {
31
- color: #000;
32
- }
33
-
34
- .type-button .title {
35
- align-items: center;
36
- }
37
- .type-button .title .main-title {
38
- color: darkblue;
1
+ .cell {
2
+ background: #fff;
3
+ display: flex;
4
+ align-items: center;
5
+ font-size: var(--font-size-lg-r);
6
+ }
7
+
8
+ .title-wrapper {
9
+ flex: 1;
10
+ display: flex;
11
+ align-items: center;
12
+ border-bottom: 1px solid #eee;
13
+ padding: var(--font-size-lg-r) 0;
14
+ }
15
+
16
+ .icon {
17
+ margin-right: 12rpx;
18
+ }
19
+
20
+ .title {
21
+ flex: 1;
22
+ display: flex;
23
+ flex-direction: column;
24
+ }
25
+ .title .sub-title {
26
+ margin-top: 6rpx;
27
+ color: #999;
28
+ }
29
+
30
+ .type-text .title .main-title {
31
+ color: #000;
32
+ }
33
+
34
+ .type-button .title {
35
+ align-items: center;
36
+ }
37
+ .type-button .title .main-title {
38
+ color: darkblue;
39
39
  }
@@ -1,19 +1,19 @@
1
- .cell {
2
- background: #fff;
3
- }
4
-
5
- .cell-content {
6
- padding: 12rpx 0;
7
- margin: 0 24rpx;
8
- border-bottom: 1px solid #eee;
9
- display: flex;
10
- align-items: center;
11
- font-size: var(--font-size-lg);
12
- }
13
- .cell-content .title {
14
- margin-right: 24rpx;
15
- color: #666;
16
- }
17
- .cell-content .field {
18
- flex: 1;
1
+ .cell {
2
+ background: #fff;
3
+ }
4
+
5
+ .cell-content {
6
+ padding: 12rpx 0;
7
+ margin: 0 24rpx;
8
+ border-bottom: 1px solid #eee;
9
+ display: flex;
10
+ align-items: center;
11
+ font-size: var(--font-size-lg);
12
+ }
13
+ .cell-content .title {
14
+ margin-right: 24rpx;
15
+ color: #666;
16
+ }
17
+ .cell-content .field {
18
+ flex: 1;
19
19
  }
@@ -1,11 +1,11 @@
1
- .cell-group .title-wrapper {
2
- padding-top: 24rpx;
3
- }
4
- .cell-group .title {
5
- font-size: var(--font-size-sm);
6
- color: #666;
7
- padding: 0 24rpx 12rpx;
8
- }
9
- .cell-group .content {
10
- background: #fff;
1
+ .cell-group .title-wrapper {
2
+ padding-top: 24rpx;
3
+ }
4
+ .cell-group .title {
5
+ font-size: var(--font-size-sm);
6
+ color: #666;
7
+ padding: 0 24rpx 12rpx;
8
+ }
9
+ .cell-group .content {
10
+ background: #fff;
11
11
  }
@@ -1,29 +1,29 @@
1
- .m-cell-group {
2
- position: relative;
3
- margin: 0;
4
- background: #fff;
5
- transition: margin 0.2s ease-in-out;
6
- }
7
- .m-cell-group.m-cell-group--card {
8
- margin: 32rpx;
9
- border-radius: 12rpx;
10
- overflow: hidden;
11
- }
12
- .m-cell-group .m-cell-group__header {
13
- display: flex;
14
- align-items: center;
15
- justify-content: space-between;
16
- flex-shrink: 0;
17
- position: relative;
18
- padding: 0 32rpx;
19
- height: 100rpx;
20
- font-size: 32rpx;
21
- color: var(--color-text-regular, #606266);
22
- background-color: #fcfcfc;
23
- }
24
- .m-cell-group .m-cell-group__header .m-cell-group__title {
25
- flex: 1;
26
- overflow: hidden;
27
- text-overflow: ellipsis;
28
- white-space: nowrap;
1
+ .m-cell-group {
2
+ position: relative;
3
+ margin: 0;
4
+ background: #fff;
5
+ transition: margin 0.2s ease-in-out;
6
+ }
7
+ .m-cell-group.m-cell-group--card {
8
+ margin: 32rpx;
9
+ border-radius: 12rpx;
10
+ overflow: hidden;
11
+ }
12
+ .m-cell-group .m-cell-group__header {
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: space-between;
16
+ flex-shrink: 0;
17
+ position: relative;
18
+ padding: 0 32rpx;
19
+ height: 100rpx;
20
+ font-size: 32rpx;
21
+ color: var(--color-text-regular, #606266);
22
+ background-color: #fcfcfc;
23
+ }
24
+ .m-cell-group .m-cell-group__header .m-cell-group__title {
25
+ flex: 1;
26
+ overflow: hidden;
27
+ text-overflow: ellipsis;
28
+ white-space: nowrap;
29
29
  }
@@ -1,64 +1,64 @@
1
- .m-cell {
2
- display: flex;
3
- align-items: center;
4
- justify-content: center;
5
- position: relative;
6
- padding: 20rpx 32rpx;
7
- line-height: 54rpx;
8
- font-size: 28rpx;
9
- box-sizing: border-box;
10
- }
11
- .m-cell.m-cell__hairline::after {
12
- position: absolute;
13
- box-sizing: border-box;
14
- content: " ";
15
- pointer-events: none;
16
- right: 32rpx;
17
- bottom: -12rpx;
18
- left: 32rpx;
19
- border-bottom: 1px solid var(--color-border, #dcdee2);
20
- transform: scaleY(0.5);
21
- }
22
- .m-cell.m-cell--hover {
23
- background-color: #f7f8f9;
24
- }
25
- .m-cell .m-cell__icon {
26
- width: 38rpx;
27
- text-align: center;
28
- }
29
- .m-cell .m-cell__header {
30
- margin-right: 12rpx;
31
- display: flex;
32
- align-items: center;
33
- }
34
- .m-cell .m-cell__title {
35
- display: flex;
36
- align-items: center;
37
- flex: 1;
38
- color: var(--color-text-primary, #303133);
39
- vertical-align: middle;
40
- overflow: hidden;
41
- text-overflow: ellipsis;
42
- white-space: nowrap;
43
- }
44
- .m-cell .m-cell__desc {
45
- display: flex;
46
- align-items: center;
47
- margin-left: 20rpx;
48
- max-width: 400rpx;
49
- color: var(--color-text-secondary, #909399);
50
- font-size: 28rpx;
51
- }
52
- .m-cell .m-cell__desc.is-ellipsis {
53
- overflow: hidden;
54
- text-overflow: ellipsis;
55
- white-space: nowrap;
56
- }
57
- .m-cell .m-cell__slot {
58
- display: inline-flex;
59
- align-items: center;
60
- }
61
- .m-cell .m-cell__footer {
62
- text-align: right;
63
- margin-left: 24rpx;
1
+ .m-cell {
2
+ display: flex;
3
+ align-items: center;
4
+ justify-content: center;
5
+ position: relative;
6
+ padding: 20rpx 32rpx;
7
+ line-height: 54rpx;
8
+ font-size: 28rpx;
9
+ box-sizing: border-box;
10
+ }
11
+ .m-cell.m-cell__hairline::after {
12
+ position: absolute;
13
+ box-sizing: border-box;
14
+ content: " ";
15
+ pointer-events: none;
16
+ right: 32rpx;
17
+ bottom: -12rpx;
18
+ left: 32rpx;
19
+ border-bottom: 1px solid var(--color-border, #dcdee2);
20
+ transform: scaleY(0.5);
21
+ }
22
+ .m-cell.m-cell--hover {
23
+ background-color: #f7f8f9;
24
+ }
25
+ .m-cell .m-cell__icon {
26
+ width: 38rpx;
27
+ text-align: center;
28
+ }
29
+ .m-cell .m-cell__header {
30
+ margin-right: 12rpx;
31
+ display: flex;
32
+ align-items: center;
33
+ }
34
+ .m-cell .m-cell__title {
35
+ display: flex;
36
+ align-items: center;
37
+ flex: 1;
38
+ color: var(--color-text-primary, #303133);
39
+ vertical-align: middle;
40
+ overflow: hidden;
41
+ text-overflow: ellipsis;
42
+ white-space: nowrap;
43
+ }
44
+ .m-cell .m-cell__desc {
45
+ display: flex;
46
+ align-items: center;
47
+ margin-left: 20rpx;
48
+ max-width: 400rpx;
49
+ color: var(--color-text-secondary, #909399);
50
+ font-size: 28rpx;
51
+ }
52
+ .m-cell .m-cell__desc.is-ellipsis {
53
+ overflow: hidden;
54
+ text-overflow: ellipsis;
55
+ white-space: nowrap;
56
+ }
57
+ .m-cell .m-cell__slot {
58
+ display: inline-flex;
59
+ align-items: center;
60
+ }
61
+ .m-cell .m-cell__footer {
62
+ text-align: right;
63
+ margin-left: 24rpx;
64
64
  }