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,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
  }
@@ -1,52 +1,52 @@
1
- .nav-bar {
2
- font-size: var(--font-size-lg);
3
- font-weight: 500;
4
- display: flex;
5
- justify-content: flex-start;
6
- align-items: center;
7
- position: fixed;
8
- left: 0;
9
- top: 0;
10
- z-index: 1000;
11
- }
12
-
13
- .title {
14
- flex: 1;
15
- display: flex;
16
- justify-content: center;
17
- align-items: center;
18
- transition: opacity 0.3s ease-in-out;
19
- opacity: 0;
20
- }
21
-
22
- .showTitle {
23
- opacity: 1;
24
- }
25
-
26
- .operation {
27
- background: rgba(255, 255, 255, 0.6);
28
- border: 1rpx solid rgba(0, 0, 0, 0.1);
29
- border-radius: 32rpx;
30
- width: 60rpx;
31
- height: 60rpx;
32
- display: flex;
33
- align-items: center;
34
- justify-content: center;
35
- margin-right: 12rpx;
36
- padding: 0;
37
- }
38
-
39
- .operations.right .operation {
40
- margin-right: 0;
41
- margin-left: 12rpx;
42
- }
43
-
44
- .notice-wrap {
45
- position: fixed;
46
- width: 750rpx;
47
- left: 0;
48
- }
49
-
50
- .preifx, .suffix {
51
- padding: 0 6rpx;
1
+ .nav-bar {
2
+ font-size: var(--font-size-lg);
3
+ font-weight: 500;
4
+ display: flex;
5
+ justify-content: flex-start;
6
+ align-items: center;
7
+ position: fixed;
8
+ left: 0;
9
+ top: 0;
10
+ z-index: 1000;
11
+ }
12
+
13
+ .title {
14
+ flex: 1;
15
+ display: flex;
16
+ justify-content: center;
17
+ align-items: center;
18
+ transition: opacity 0.3s ease-in-out;
19
+ opacity: 0;
20
+ }
21
+
22
+ .showTitle {
23
+ opacity: 1;
24
+ }
25
+
26
+ .operation {
27
+ background: rgba(255, 255, 255, 0.6);
28
+ border: 1rpx solid rgba(0, 0, 0, 0.1);
29
+ border-radius: 32rpx;
30
+ width: 60rpx;
31
+ height: 60rpx;
32
+ display: flex;
33
+ align-items: center;
34
+ justify-content: center;
35
+ margin-right: 12rpx;
36
+ padding: 0;
37
+ }
38
+
39
+ .operations.right .operation {
40
+ margin-right: 0;
41
+ margin-left: 12rpx;
42
+ }
43
+
44
+ .notice-wrap {
45
+ position: fixed;
46
+ width: 750rpx;
47
+ left: 0;
48
+ }
49
+
50
+ .preifx, .suffix {
51
+ padding: 0 6rpx;
52
52
  }
@@ -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
  }