fix(NoticeBar): replay event only triggered once (#6293)
This commit is contained in:
@@ -34,20 +34,13 @@
|
||||
&__content {
|
||||
position: absolute;
|
||||
white-space: nowrap;
|
||||
transition-timing-function: linear;
|
||||
|
||||
&.van-ellipsis {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
&__play {
|
||||
animation: van-notice-bar-play linear both;
|
||||
|
||||
&--infinite {
|
||||
animation: van-notice-bar-play-infinite linear infinite both;
|
||||
}
|
||||
}
|
||||
|
||||
&--wrapable {
|
||||
height: auto;
|
||||
padding: @notice-bar-wrapable-padding;
|
||||
@@ -65,19 +58,3 @@
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/**
|
||||
* Declare two same keyframes
|
||||
* In case that some mobile browsers can continue animation when className changed
|
||||
*/
|
||||
@keyframes van-notice-bar-play {
|
||||
to {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes van-notice-bar-play-infinite {
|
||||
to {
|
||||
transform: translate3d(-100%, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user