css 无缝连接 无限滚动 无限轮播

 

<!-- 线 -->
			<view class="dashed-line">
				<span v-for="item in 20"></span>
			</view>

		.dashed-line {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 200%;
			display: flex;
			overflow: hidden;
			animation: 18s rowup linear infinite normal;

			span {
				display: inline-block;
				width: 80px;
				height: 10px;
				background-color: #fff;
				background-size: 2px 12px;
				margin-right: 2.5%;
			}
		}