@atooyu/uxto-ui 1.1.8 → 1.1.9
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.
- package/dist/index.js +28 -23
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +28 -23
- package/dist/index.mjs.map +1 -1
- package/dist/style.css +19 -12
- package/package.json +1 -1
- package/src/components/u-notice-bar/u-notice-bar.vue +12 -3
package/dist/style.css
CHANGED
|
@@ -544,44 +544,51 @@ to {
|
|
|
544
544
|
}
|
|
545
545
|
.u-divider__text[data-v-7f88d163] {
|
|
546
546
|
padding: 0 12px;
|
|
547
|
-
}.u-notice-bar[data-v-
|
|
547
|
+
}.u-notice-bar[data-v-f80a744d] {
|
|
548
548
|
display: flex;
|
|
549
549
|
align-items: center;
|
|
550
550
|
padding: 12px 16px;
|
|
551
551
|
font-size: 12px;
|
|
552
552
|
line-height: 24px;
|
|
553
553
|
}
|
|
554
|
-
.u-notice-bar--wrapable[data-v-
|
|
554
|
+
.u-notice-bar--wrapable[data-v-f80a744d] {
|
|
555
555
|
flex-wrap: wrap;
|
|
556
556
|
padding: 12px 16px;
|
|
557
557
|
}
|
|
558
|
-
.u-notice-bar__content[data-v-
|
|
558
|
+
.u-notice-bar__content[data-v-f80a744d] {
|
|
559
559
|
flex: 1;
|
|
560
560
|
overflow: hidden;
|
|
561
561
|
position: relative;
|
|
562
562
|
}
|
|
563
|
-
.u-notice-bar__content--scrollable[data-v-
|
|
563
|
+
.u-notice-bar__content--scrollable[data-v-f80a744d] {
|
|
564
564
|
overflow: hidden;
|
|
565
565
|
white-space: nowrap;
|
|
566
566
|
}
|
|
567
|
-
.u-notice-bar__text[data-v-
|
|
567
|
+
.u-notice-bar__text[data-v-f80a744d] {
|
|
568
568
|
display: inline-block;
|
|
569
|
+
white-space: nowrap;
|
|
570
|
+
}
|
|
571
|
+
.u-notice-bar__content--scrollable .u-notice-bar__text[data-v-f80a744d] {
|
|
572
|
+
display: flex;
|
|
573
|
+
animation: u-notice-bar-scroll-f80a744d linear infinite;
|
|
569
574
|
}
|
|
570
|
-
.u-notice-
|
|
571
|
-
|
|
575
|
+
.u-notice-bar__text-item[data-v-f80a744d] {
|
|
576
|
+
display: inline-block;
|
|
577
|
+
white-space: nowrap;
|
|
578
|
+
padding-right: 40px;
|
|
572
579
|
}
|
|
573
|
-
.u-notice-bar__left-icon[data-v-
|
|
580
|
+
.u-notice-bar__left-icon[data-v-f80a744d] {
|
|
574
581
|
margin-right: 8px;
|
|
575
582
|
}
|
|
576
|
-
.u-notice-bar__right-icon[data-v-
|
|
583
|
+
.u-notice-bar__right-icon[data-v-f80a744d] {
|
|
577
584
|
margin-left: 8px;
|
|
578
585
|
}
|
|
579
|
-
@keyframes u-notice-bar-scroll-
|
|
586
|
+
@keyframes u-notice-bar-scroll-f80a744d {
|
|
580
587
|
0% {
|
|
581
|
-
transform: translateX(
|
|
588
|
+
transform: translateX(0);
|
|
582
589
|
}
|
|
583
590
|
100% {
|
|
584
|
-
transform: translateX(-
|
|
591
|
+
transform: translateX(-50%);
|
|
585
592
|
}
|
|
586
593
|
}.u-layout[data-v-1682e77a] {
|
|
587
594
|
display: flex;
|
package/package.json
CHANGED
|
@@ -11,7 +11,8 @@
|
|
|
11
11
|
class="u-notice-bar__text"
|
|
12
12
|
:style="{ animationDuration: speed + 's' }"
|
|
13
13
|
>
|
|
14
|
-
{{ text }}
|
|
14
|
+
<text class="u-notice-bar__text-item">{{ text }}</text>
|
|
15
|
+
<text class="u-notice-bar__text-item">{{ text }}</text>
|
|
15
16
|
</view>
|
|
16
17
|
<text v-else class="u-notice-bar__text">{{ text }}</text>
|
|
17
18
|
</view>
|
|
@@ -87,12 +88,20 @@ export default {
|
|
|
87
88
|
|
|
88
89
|
&__text {
|
|
89
90
|
display: inline-block;
|
|
91
|
+
white-space: nowrap;
|
|
90
92
|
|
|
91
93
|
.u-notice-bar__content--scrollable & {
|
|
94
|
+
display: flex;
|
|
92
95
|
animation: u-notice-bar-scroll linear infinite;
|
|
93
96
|
}
|
|
94
97
|
}
|
|
95
98
|
|
|
99
|
+
&__text-item {
|
|
100
|
+
display: inline-block;
|
|
101
|
+
white-space: nowrap;
|
|
102
|
+
padding-right: 40px;
|
|
103
|
+
}
|
|
104
|
+
|
|
96
105
|
&__left-icon {
|
|
97
106
|
margin-right: $--spacing-sm;
|
|
98
107
|
}
|
|
@@ -104,10 +113,10 @@ export default {
|
|
|
104
113
|
|
|
105
114
|
@keyframes u-notice-bar-scroll {
|
|
106
115
|
0% {
|
|
107
|
-
transform: translateX(
|
|
116
|
+
transform: translateX(0);
|
|
108
117
|
}
|
|
109
118
|
100% {
|
|
110
|
-
transform: translateX(-
|
|
119
|
+
transform: translateX(-50%);
|
|
111
120
|
}
|
|
112
121
|
}
|
|
113
122
|
</style>
|