效果圖

取得是數組里的數據 上下滾動切換

css

.notice-new {background: #222222;border-radius: 19rpx;margin-top: 28rpx;font-size: 24rpx;color: white;font-weight: 500;padding: 0 20rpx;height: 55rpx;line-height: 55rpx;overflow: hidden;.notice-scroll-wrapper {position: relative;// animation: noticeScroll 4s linear infinite;/* 動畫名稱、時長、速度、循環 */}/* 定義滾動動畫 */@keyframes noticeScroll {0% {transform: translateY(0);}100% {transform: translateY(-100%);/* 滾動距離為1行高度 */}}
}