<template> <div class="pt20 scroll-container"> <div class="scroll-content"> <!-- 第一组 --> <div v-for="value in 3" :key="value" class="scroll-item"> <div class="scale-image h100"> <img src="~@/assets/img/ocean/videos-3.png" alt=""> </div> <div class="ico-play"> <img src="~@/assets/img/o
前言年前安排了个人才云大数据前端项目,其中大部分用到了Echarts实现图标展示,有两个人才表滚动。当初以为是单纯表格,然后以为是scroll类型的鼠标滚轮的表格滚动。再次确认才知道需要自动滚动技术要点js定时器基本操作预览图实现代码CSS样式摘要.container .box-body { position: relative; height: 70%; color: #fff; padding: 3%; overflow: hidden; } .main-bottom table thead { background: rgba(94, 138, 226, 0.1); } /* 排名 */ .main-bottom table .first { background: linear-gradient(90deg, #6648F5, transparent, transparent) } .main-bottom table .second { background: linear-gradient(90deg, #
lettered
生,亦我所欲也;义,亦我所欲也。