bulade-ui 1.1.40 → 1.1.41

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 (111) hide show
  1. package/miniprogram_dist/assets/font/iconfont.wxss +563 -563
  2. package/miniprogram_dist/bld-action-sheet/index.wxss +159 -159
  3. package/miniprogram_dist/bld-badge/index.wxss +42 -42
  4. package/miniprogram_dist/bld-button/index.wxss +36 -36
  5. package/miniprogram_dist/bld-button-v2/index.wxss +175 -175
  6. package/miniprogram_dist/bld-card/index.wxss +5 -5
  7. package/miniprogram_dist/bld-cell/index.wxss +38 -38
  8. package/miniprogram_dist/bld-cell-field/index.wxss +18 -18
  9. package/miniprogram_dist/bld-cell-group/index.wxss +10 -10
  10. package/miniprogram_dist/bld-cell-group-v2/index.wxss +28 -28
  11. package/miniprogram_dist/bld-cell-v2/index.wxss +63 -63
  12. package/miniprogram_dist/bld-checkbox/index.wxss +61 -61
  13. package/miniprogram_dist/bld-cloud-image/index.wxss +2 -2
  14. package/miniprogram_dist/bld-collapse/index.wxss +6 -6
  15. package/miniprogram_dist/bld-dialog-tip/index.wxss +65 -65
  16. package/miniprogram_dist/bld-drawer/index.wxss +57 -57
  17. package/miniprogram_dist/bld-empty-page/index.wxss +13 -13
  18. package/miniprogram_dist/bld-form/bld-form-item/bld-form-date/index.wxss +55 -55
  19. package/miniprogram_dist/bld-form/bld-form-item/bld-form-input/index.wxss +26 -26
  20. package/miniprogram_dist/bld-form/bld-form-item/bld-form-select-input/index.wxss +119 -119
  21. package/miniprogram_dist/bld-form/bld-form-item/bld-form-step/index.wxss +43 -43
  22. package/miniprogram_dist/bld-form/bld-form-item/bld-form-switch/index.wxss +20 -20
  23. package/miniprogram_dist/bld-form/bld-form-item/bld-form-textarea/index.wxss +26 -26
  24. package/miniprogram_dist/bld-form/bld-form-item/bld-form-time/index.wxss +55 -55
  25. package/miniprogram_dist/bld-half-screen/index.wxss +106 -106
  26. package/miniprogram_dist/bld-html/index.js +0 -4
  27. package/miniprogram_dist/bld-html/index.js.map +1 -1
  28. package/miniprogram_dist/bld-html/index.wxml +1 -1
  29. package/miniprogram_dist/bld-html/index.wxss +0 -4
  30. package/miniprogram_dist/bld-icon/index.wxss +583 -583
  31. package/miniprogram_dist/bld-loading/index.wxss +28 -28
  32. package/miniprogram_dist/bld-message/index.wxss +76 -76
  33. package/miniprogram_dist/bld-modal/index.wxss +96 -96
  34. package/miniprogram_dist/bld-nav-bar/index.wxml +2 -2
  35. package/miniprogram_dist/bld-nav-bar/index.wxss +0 -6
  36. package/miniprogram_dist/bld-navbar/index.wxss +30 -30
  37. package/miniprogram_dist/bld-navbar-group/index.wxss +29 -29
  38. package/miniprogram_dist/bld-notice-bar/index.wxss +50 -50
  39. package/miniprogram_dist/bld-overlay/index.wxss +10 -10
  40. package/miniprogram_dist/bld-page/index.js +1 -9
  41. package/miniprogram_dist/bld-page/index.js.map +1 -1
  42. package/miniprogram_dist/bld-page/index.wxml +0 -2
  43. package/miniprogram_dist/bld-page/index.wxss +15 -15
  44. package/miniprogram_dist/bld-pop-up/index.wxss +26 -26
  45. package/miniprogram_dist/bld-progress/index.wxss +62 -62
  46. package/miniprogram_dist/bld-radio/index.wxss +78 -78
  47. package/miniprogram_dist/bld-retry/index.wxss +22 -22
  48. package/miniprogram_dist/bld-scroll-view/index.wxss +6 -6
  49. package/miniprogram_dist/bld-tabs/index.js +1 -1
  50. package/miniprogram_dist/bld-tabs/index.js.map +1 -1
  51. package/miniprogram_dist/bld-tabs/index.wxml +1 -1
  52. package/miniprogram_dist/bld-tabs/index.wxss +1 -1
  53. package/miniprogram_dist/bld-tag/index.wxss +107 -107
  54. package/miniprogram_dist/bld-text/index.wxss +25 -25
  55. package/miniprogram_dist/bld-toast/index.wxss +94 -94
  56. package/miniprogram_dist/bld-wrapper/index.wxss +6 -6
  57. package/miniprogram_dist/button/index.wxss +175 -175
  58. package/miniprogram_dist/grid/index.wxss +19 -19
  59. package/miniprogram_dist/grid-item/index.wxss +50 -50
  60. package/miniprogram_dist/timeline-item/index.wxss +30 -30
  61. package/package.json +1 -1
  62. package/src/bld-action-sheet/index.wxss +159 -159
  63. package/src/bld-badge/index.wxss +42 -42
  64. package/src/bld-button/index.wxss +36 -36
  65. package/src/bld-button-v2/index.wxss +175 -175
  66. package/src/bld-card/index.wxss +5 -5
  67. package/src/bld-cell/index.js +1 -0
  68. package/src/bld-cell/index.wxml +1 -1
  69. package/src/bld-cell/index.wxss +38 -38
  70. package/src/bld-cell-field/index.wxss +18 -18
  71. package/src/bld-cell-group/index.js +1 -0
  72. package/src/bld-cell-group/index.wxml +1 -1
  73. package/src/bld-cell-group/index.wxss +10 -10
  74. package/src/bld-cell-group-v2/index.wxss +28 -28
  75. package/src/bld-cell-v2/index.wxss +63 -63
  76. package/src/bld-checkbox/index.wxss +61 -61
  77. package/src/bld-cloud-image/index.wxss +2 -2
  78. package/src/bld-collapse/index.wxss +6 -6
  79. package/src/bld-dialog-tip/index.wxss +65 -65
  80. package/src/bld-drawer/index.wxss +57 -57
  81. package/src/bld-empty-page/index.wxss +13 -13
  82. package/src/bld-form/bld-form-item/bld-form-date/index.wxss +55 -55
  83. package/src/bld-form/bld-form-item/bld-form-input/index.wxss +26 -26
  84. package/src/bld-form/bld-form-item/bld-form-select-input/index.wxss +119 -119
  85. package/src/bld-form/bld-form-item/bld-form-step/index.wxss +43 -43
  86. package/src/bld-form/bld-form-item/bld-form-switch/index.wxss +20 -20
  87. package/src/bld-form/bld-form-item/bld-form-textarea/index.wxss +26 -26
  88. package/src/bld-form/bld-form-item/bld-form-time/index.wxss +55 -55
  89. package/src/bld-half-screen/index.wxss +106 -106
  90. package/src/bld-loading/index.wxss +28 -28
  91. package/src/bld-message/index.wxss +76 -76
  92. package/src/bld-modal/index.wxss +96 -96
  93. package/src/bld-nav-bar1/index.wxss +35 -35
  94. package/src/bld-navbar/index.wxss +30 -30
  95. package/src/bld-navbar-group/index.wxss +29 -29
  96. package/src/bld-notice-bar/index.wxss +50 -50
  97. package/src/bld-overlay/index.wxss +10 -10
  98. package/src/bld-page/index.wxss +15 -15
  99. package/src/bld-pop-up/index.wxss +26 -26
  100. package/src/bld-progress/index.wxss +62 -62
  101. package/src/bld-radio/index.wxss +78 -78
  102. package/src/bld-retry/index.wxss +22 -22
  103. package/src/bld-scroll-view/index.wxss +6 -6
  104. package/src/bld-tag/index.wxss +107 -107
  105. package/src/bld-text/index.wxss +25 -25
  106. package/src/bld-toast/index.wxss +94 -94
  107. package/src/bld-wrapper/index.wxss +6 -6
  108. package/src/button/index.wxss +175 -175
  109. package/src/grid/index.wxss +19 -19
  110. package/src/grid-item/index.wxss +50 -50
  111. package/src/timeline-item/index.wxss +30 -30
@@ -1,29 +1,29 @@
1
- .loading-wrapper {
2
- text-align: center;
3
- padding: 50rpx 0;
4
- color: #666;
5
- }
6
- .loading-wrapper .tip {
7
- font-size: var(--font-size-sm);
8
- }
9
-
10
- .icon {
11
- animation-name: rotate;
12
- animation-duration: 2s;
13
- animation-iteration-count: infinite;
14
- animation-timing-function: linear;
15
- display: flex;
16
- justify-content: center;
17
- align-items: center;
18
- font-size: 36rpx;
19
- margin-bottom: 12rpx;
20
- }
21
-
22
- @keyframes rotate {
23
- from {
24
- transform: rotate(-360deg);
25
- }
26
- to {
27
- transform: rotate(360deg);
28
- }
1
+ .loading-wrapper {
2
+ text-align: center;
3
+ padding: 50rpx 0;
4
+ color: #666;
5
+ }
6
+ .loading-wrapper .tip {
7
+ font-size: var(--font-size-sm);
8
+ }
9
+
10
+ .icon {
11
+ animation-name: rotate;
12
+ animation-duration: 2s;
13
+ animation-iteration-count: infinite;
14
+ animation-timing-function: linear;
15
+ display: flex;
16
+ justify-content: center;
17
+ align-items: center;
18
+ font-size: 36rpx;
19
+ margin-bottom: 12rpx;
20
+ }
21
+
22
+ @keyframes rotate {
23
+ from {
24
+ transform: rotate(-360deg);
25
+ }
26
+ to {
27
+ transform: rotate(360deg);
28
+ }
29
29
  }
@@ -1,77 +1,77 @@
1
- .m-message {
2
- display: block;
3
- position: fixed;
4
- margin-top: 22rpx;
5
- top: 0;
6
- left: 32rpx;
7
- right: 32rpx;
8
- padding: 15rpx 80rpx;
9
- line-height: 36rpx;
10
- color: #fff;
11
- font-size: 28rpx;
12
- text-align: center;
13
- opacity: 1;
14
- background: var(--color-primary);
15
- transform: translate3d(0, 0, 0);
16
- transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
17
- border-radius: 30rpx;
18
- }
19
-
20
- .m-message.is-hidden {
21
- opacity: 0;
22
- transform: translate3d(0, -100%, 0);
23
- }
24
-
25
- .m-message--primary {
26
- background: var(--color-primary, #409EFF);
27
- }
28
-
29
- .m-message--success {
30
- background: var(--color-success, #67C23A);
31
- }
32
-
33
- .m-message--warning {
34
- background: var(--color-warning, #E6A23C);
35
- }
36
-
37
- .m-message--error {
38
- background: var(--color-danger, #F56C6C);
39
- }
40
-
41
- .m-message .m-message__close {
42
- position: absolute;
43
- right: 10rpx;
44
- top: 0;
45
- bottom: 0;
46
- display: flex;
47
- align-items: center;
48
- }
49
-
50
- .m-message .m-message__close-btn {
51
- position: relative;
52
- width: 40rpx;
53
- height: 40rpx;
54
- color: #fff;
55
- border: 10rpx;
56
- }
57
-
58
- .m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
59
- z-index: 1;
60
- display: block;
61
- content: "";
62
- position: absolute;
63
- left: -6rpx;
64
- top: 50%;
65
- color: #fff;
66
- width: 32rpx;
67
- height: 2px;
68
- background: #fff;
69
- }
70
-
71
- .m-message .m-message__close-btn::before {
72
- transform: rotate(45deg);
73
- }
74
-
75
- .m-message .m-message__close-btn::after {
76
- transform: rotate(-45deg);
1
+ .m-message {
2
+ display: block;
3
+ position: fixed;
4
+ margin-top: 22rpx;
5
+ top: 0;
6
+ left: 32rpx;
7
+ right: 32rpx;
8
+ padding: 15rpx 80rpx;
9
+ line-height: 36rpx;
10
+ color: #fff;
11
+ font-size: 28rpx;
12
+ text-align: center;
13
+ opacity: 1;
14
+ background: var(--color-primary);
15
+ transform: translate3d(0, 0, 0);
16
+ transition: opacity 0.25s ease-in-out, transform 0.25s ease-in-out;
17
+ border-radius: 30rpx;
18
+ }
19
+
20
+ .m-message.is-hidden {
21
+ opacity: 0;
22
+ transform: translate3d(0, -100%, 0);
23
+ }
24
+
25
+ .m-message--primary {
26
+ background: var(--color-primary, #409EFF);
27
+ }
28
+
29
+ .m-message--success {
30
+ background: var(--color-success, #67C23A);
31
+ }
32
+
33
+ .m-message--warning {
34
+ background: var(--color-warning, #E6A23C);
35
+ }
36
+
37
+ .m-message--error {
38
+ background: var(--color-danger, #F56C6C);
39
+ }
40
+
41
+ .m-message .m-message__close {
42
+ position: absolute;
43
+ right: 10rpx;
44
+ top: 0;
45
+ bottom: 0;
46
+ display: flex;
47
+ align-items: center;
48
+ }
49
+
50
+ .m-message .m-message__close-btn {
51
+ position: relative;
52
+ width: 40rpx;
53
+ height: 40rpx;
54
+ color: #fff;
55
+ border: 10rpx;
56
+ }
57
+
58
+ .m-message .m-message__close-btn::before, .m-message .m-message__close-btn::after {
59
+ z-index: 1;
60
+ display: block;
61
+ content: "";
62
+ position: absolute;
63
+ left: -6rpx;
64
+ top: 50%;
65
+ color: #fff;
66
+ width: 32rpx;
67
+ height: 2px;
68
+ background: #fff;
69
+ }
70
+
71
+ .m-message .m-message__close-btn::before {
72
+ transform: rotate(45deg);
73
+ }
74
+
75
+ .m-message .m-message__close-btn::after {
76
+ transform: rotate(-45deg);
77
77
  }
@@ -1,97 +1,97 @@
1
- .m-mask {
2
- z-index: 1000;
3
- position: fixed;
4
- top: 0;
5
- left: 0;
6
- right: 0;
7
- bottom: 0;
8
- opacity: 1;
9
- visibility: visible;
10
- background: var(--color-mask, rgba(0, 0, 0, 0.55));
11
- transition: all 0.25s ease-in-out;
12
- }
13
- .m-mask.is-hidden {
14
- opacity: 0;
15
- visibility: hidden;
16
- }
17
-
18
- .m-modal-wrap {
19
- z-index: 1001;
20
- position: fixed;
21
- left: 50%;
22
- top: 50%;
23
- visibility: visible;
24
- transform: translate3d(-50%, -50%, 0);
25
- }
26
- .m-modal-wrap.is-hidden {
27
- visibility: hidden;
28
- }
29
- .m-modal-wrap .m-modal {
30
- z-index: 9;
31
- position: relative;
32
- width: 540rpx;
33
- transform: scale(0.9);
34
- opacity: 0;
35
- transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
36
- }
37
- .m-modal-wrap .m-modal.is-show {
38
- opacity: 1;
39
- transform: scale(1);
40
- }
41
- .m-modal-wrap .m-modal .m-modal__content {
42
- position: relative;
43
- padding-top: 30rpx;
44
- height: 100%;
45
- border: 0;
46
- border-radius: 3rpx;
47
- text-align: center;
48
- background-color: #fff;
49
- background-clip: padding-box;
50
- overflow: hidden;
51
- }
52
- .m-modal-wrap .m-modal .m-modal__title {
53
- margin: 0;
54
- padding: 12rpx 30rpx 24rpx;
55
- font-size: 36rpx;
56
- line-height: 1;
57
- color: #1c2438;
58
- text-align: center;
59
- }
60
- .m-modal-wrap .m-modal .m-modal__body {
61
- max-height: 300rpx;
62
- margin-bottom: 30rpx;
63
- padding: 20rpx 40rpx;
64
- font-size: 28rpx;
65
- color: #80848f;
66
- line-height: 1.5;
67
- overflow: auto;
68
- -webkit-overflow-scrolling: touch;
69
- }
70
- .m-modal-wrap .m-modal .m-modal__btn-group {
71
- position: relative;
72
- display: flex;
73
- }
74
- .m-modal-wrap .m-modal .m-modal__btn-group::after {
75
- content: "";
76
- position: absolute;
77
- top: 0;
78
- left: 0;
79
- width: 100%;
80
- height: 1px;
81
- transform: scaleY(0.5);
82
- background: #ddd;
83
- }
84
- .m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn {
85
- position: relative;
86
- flex: 1;
87
- }
88
- .m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn.m-modal__btn--cancel::after {
89
- content: "";
90
- position: absolute;
91
- top: 0;
92
- right: 0;
93
- width: 1px;
94
- height: 100%;
95
- transform: scaleX(0.5);
96
- background: #ddd;
1
+ .m-mask {
2
+ z-index: 1000;
3
+ position: fixed;
4
+ top: 0;
5
+ left: 0;
6
+ right: 0;
7
+ bottom: 0;
8
+ opacity: 1;
9
+ visibility: visible;
10
+ background: var(--color-mask, rgba(0, 0, 0, 0.55));
11
+ transition: all 0.25s ease-in-out;
12
+ }
13
+ .m-mask.is-hidden {
14
+ opacity: 0;
15
+ visibility: hidden;
16
+ }
17
+
18
+ .m-modal-wrap {
19
+ z-index: 1001;
20
+ position: fixed;
21
+ left: 50%;
22
+ top: 50%;
23
+ visibility: visible;
24
+ transform: translate3d(-50%, -50%, 0);
25
+ }
26
+ .m-modal-wrap.is-hidden {
27
+ visibility: hidden;
28
+ }
29
+ .m-modal-wrap .m-modal {
30
+ z-index: 9;
31
+ position: relative;
32
+ width: 540rpx;
33
+ transform: scale(0.9);
34
+ opacity: 0;
35
+ transition: transform 0.2s ease-in-out, opacity 0.2s ease-in-out;
36
+ }
37
+ .m-modal-wrap .m-modal.is-show {
38
+ opacity: 1;
39
+ transform: scale(1);
40
+ }
41
+ .m-modal-wrap .m-modal .m-modal__content {
42
+ position: relative;
43
+ padding-top: 30rpx;
44
+ height: 100%;
45
+ border: 0;
46
+ border-radius: 3rpx;
47
+ text-align: center;
48
+ background-color: #fff;
49
+ background-clip: padding-box;
50
+ overflow: hidden;
51
+ }
52
+ .m-modal-wrap .m-modal .m-modal__title {
53
+ margin: 0;
54
+ padding: 12rpx 30rpx 24rpx;
55
+ font-size: 36rpx;
56
+ line-height: 1;
57
+ color: #1c2438;
58
+ text-align: center;
59
+ }
60
+ .m-modal-wrap .m-modal .m-modal__body {
61
+ max-height: 300rpx;
62
+ margin-bottom: 30rpx;
63
+ padding: 20rpx 40rpx;
64
+ font-size: 28rpx;
65
+ color: #80848f;
66
+ line-height: 1.5;
67
+ overflow: auto;
68
+ -webkit-overflow-scrolling: touch;
69
+ }
70
+ .m-modal-wrap .m-modal .m-modal__btn-group {
71
+ position: relative;
72
+ display: flex;
73
+ }
74
+ .m-modal-wrap .m-modal .m-modal__btn-group::after {
75
+ content: "";
76
+ position: absolute;
77
+ top: 0;
78
+ left: 0;
79
+ width: 100%;
80
+ height: 1px;
81
+ transform: scaleY(0.5);
82
+ background: #ddd;
83
+ }
84
+ .m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn {
85
+ position: relative;
86
+ flex: 1;
87
+ }
88
+ .m-modal-wrap .m-modal .m-modal__btn-group .m-modal__btn.m-modal__btn--cancel::after {
89
+ content: "";
90
+ position: absolute;
91
+ top: 0;
92
+ right: 0;
93
+ width: 1px;
94
+ height: 100%;
95
+ transform: scaleX(0.5);
96
+ background: #ddd;
97
97
  }
@@ -12,10 +12,10 @@
12
12
  </view>
13
13
  </view>
14
14
  <view
15
- class="title {{ showTitle ?'showTitle':'' }}"
15
+ class="title"
16
16
  style="{{ titleStyle }}"
17
17
  >
18
- <slot />
18
+ <slot wx:if="{{ showTitle }}" />
19
19
  </view>
20
20
  <view class="operations right">
21
21
  <button
@@ -15,12 +15,6 @@
15
15
  display: flex;
16
16
  justify-content: center;
17
17
  align-items: center;
18
- transition: opacity 0.3s ease-in-out;
19
- opacity: 0;
20
- }
21
-
22
- .showTitle {
23
- opacity: 1;
24
18
  }
25
19
 
26
20
  .operation {
@@ -1,31 +1,31 @@
1
- :host {
2
- flex: 1;
3
- }
4
-
5
- .m-tab-item {
6
- position: relative;
7
- flex: 1;
8
- box-sizing: border-box;
9
- padding: 0 5px;
10
- display: flex;
11
- justify-content: center;
12
- color: #7d7e80;
13
- line-height: 88rpx;
14
- font-size: 28rpx;
15
- -webkit-tap-highlight-color: transparent;
16
- }
17
- .m-tab-item.is-active {
18
- font-weight: 500;
19
- color: #323233;
20
- }
21
- .m-tab-item .m-tab-item__content {
22
- margin: 0 20rpx;
23
- white-space: nowrap;
24
- }
25
- .m-tab-item .m-tab-item__content .m-tab-item__text {
26
- display: inline-block;
27
- }
28
- .m-tab-item .m-tab-item__content .m-tab-item__text .m-badge-custom {
29
- margin-left: 6rpx;
30
- vertical-align: text-top;
1
+ :host {
2
+ flex: 1;
3
+ }
4
+
5
+ .m-tab-item {
6
+ position: relative;
7
+ flex: 1;
8
+ box-sizing: border-box;
9
+ padding: 0 5px;
10
+ display: flex;
11
+ justify-content: center;
12
+ color: #7d7e80;
13
+ line-height: 88rpx;
14
+ font-size: 28rpx;
15
+ -webkit-tap-highlight-color: transparent;
16
+ }
17
+ .m-tab-item.is-active {
18
+ font-weight: 500;
19
+ color: #323233;
20
+ }
21
+ .m-tab-item .m-tab-item__content {
22
+ margin: 0 20rpx;
23
+ white-space: nowrap;
24
+ }
25
+ .m-tab-item .m-tab-item__content .m-tab-item__text {
26
+ display: inline-block;
27
+ }
28
+ .m-tab-item .m-tab-item__content .m-tab-item__text .m-badge-custom {
29
+ margin-left: 6rpx;
30
+ vertical-align: text-top;
31
31
  }
@@ -1,30 +1,30 @@
1
- .m-tabs {
2
- position: relative;
3
- justify-content: center;
4
- height: 88rpx;
5
- overflow: hidden;
6
- }
7
- .m-tabs .m-tabs__scroll {
8
- margin-bottom: 10rpx;
9
- height: 88rpx;
10
- }
11
- .m-tabs .m-tabs__scroll .m-tabs__nav {
12
- position: relative;
13
- display: flex;
14
- }
15
- .m-tabs .m-tabs__scroll .m-tabs__nav .m-tabs__line {
16
- position: absolute;
17
- bottom: 0;
18
- left: 0;
19
- z-index: 1;
20
- height: 6rpx;
21
- border-radius: 12rpx;
22
- background-color: var(--color-primary, #409EFF);
23
- transition-duration: 0.3s;
24
- }
25
-
26
- ::-webkit-scrollbar {
27
- width: 0;
28
- height: 0;
29
- color: transparent;
1
+ .m-tabs {
2
+ position: relative;
3
+ justify-content: center;
4
+ height: 88rpx;
5
+ overflow: hidden;
6
+ }
7
+ .m-tabs .m-tabs__scroll {
8
+ margin-bottom: 10rpx;
9
+ height: 88rpx;
10
+ }
11
+ .m-tabs .m-tabs__scroll .m-tabs__nav {
12
+ position: relative;
13
+ display: flex;
14
+ }
15
+ .m-tabs .m-tabs__scroll .m-tabs__nav .m-tabs__line {
16
+ position: absolute;
17
+ bottom: 0;
18
+ left: 0;
19
+ z-index: 1;
20
+ height: 6rpx;
21
+ border-radius: 12rpx;
22
+ background-color: var(--color-primary, #409EFF);
23
+ transition-duration: 0.3s;
24
+ }
25
+
26
+ ::-webkit-scrollbar {
27
+ width: 0;
28
+ height: 0;
29
+ color: transparent;
30
30
  }
@@ -1,51 +1,51 @@
1
- .m-notice-bar__wrap {
2
- display: flex;
3
- align-items: center;
4
- flex-shrink: 0;
5
- font-size: 28rpx;
6
- color: #ed6a0c;
7
- background-color: #fffbe8;
8
- }
9
- .m-notice-bar__wrap .m-notice-bar {
10
- flex: 1;
11
- position: relative;
12
- padding: 20rpx 16rpx;
13
- min-height: 76rpx;
14
- line-height: 1.4;
15
- overflow: hidden;
16
- box-sizing: border-box;
17
- }
18
- .m-notice-bar__wrap .m-notice-bar .m-notice-bar__content {
19
- z-index: 0;
20
- position: absolute;
21
- white-space: nowrap;
22
- transform: translateX(0);
23
- }
24
- .m-notice-bar__wrap .m-notice-bar .is-ellipsis {
25
- position: static;
26
- overflow: hidden;
27
- text-overflow: ellipsis;
28
- white-space: nowrap;
29
- }
30
- .m-notice-bar__wrap .m-notice-bar .is-multiline {
31
- position: static;
32
- overflow: auto;
33
- white-space: normal;
34
- -webkit-overflow-scrolling: touch;
35
- }
36
- @keyframes once {
37
- 0% {
38
- transform: translateX(0);
39
- }
40
- 100% {
41
- transform: translateX(-100%);
42
- }
43
- }
44
- @keyframes round {
45
- 0% {
46
- transform: translateX(750rpx);
47
- }
48
- 100% {
49
- transform: translateX(-100%);
50
- }
1
+ .m-notice-bar__wrap {
2
+ display: flex;
3
+ align-items: center;
4
+ flex-shrink: 0;
5
+ font-size: 28rpx;
6
+ color: #ed6a0c;
7
+ background-color: #fffbe8;
8
+ }
9
+ .m-notice-bar__wrap .m-notice-bar {
10
+ flex: 1;
11
+ position: relative;
12
+ padding: 20rpx 16rpx;
13
+ min-height: 76rpx;
14
+ line-height: 1.4;
15
+ overflow: hidden;
16
+ box-sizing: border-box;
17
+ }
18
+ .m-notice-bar__wrap .m-notice-bar .m-notice-bar__content {
19
+ z-index: 0;
20
+ position: absolute;
21
+ white-space: nowrap;
22
+ transform: translateX(0);
23
+ }
24
+ .m-notice-bar__wrap .m-notice-bar .is-ellipsis {
25
+ position: static;
26
+ overflow: hidden;
27
+ text-overflow: ellipsis;
28
+ white-space: nowrap;
29
+ }
30
+ .m-notice-bar__wrap .m-notice-bar .is-multiline {
31
+ position: static;
32
+ overflow: auto;
33
+ white-space: normal;
34
+ -webkit-overflow-scrolling: touch;
35
+ }
36
+ @keyframes once {
37
+ 0% {
38
+ transform: translateX(0);
39
+ }
40
+ 100% {
41
+ transform: translateX(-100%);
42
+ }
43
+ }
44
+ @keyframes round {
45
+ 0% {
46
+ transform: translateX(750rpx);
47
+ }
48
+ 100% {
49
+ transform: translateX(-100%);
50
+ }
51
51
  }
@@ -1,11 +1,11 @@
1
- .overlay {
2
- position: fixed;
3
- top: 0;
4
- left: 0;
5
- width: 100%;
6
- height: 100%;
7
- background: rgba(0, 0, 0, 0.8);
8
- z-index: 9999;
9
- display: flex;
10
- flex-direction: column;
1
+ .overlay {
2
+ position: fixed;
3
+ top: 0;
4
+ left: 0;
5
+ width: 100%;
6
+ height: 100%;
7
+ background: rgba(0, 0, 0, 0.8);
8
+ z-index: 9999;
9
+ display: flex;
10
+ flex-direction: column;
11
11
  }