<div><divclass="box-style"><divclass="table-title"><span>ID</span><span>长</span><span>宽</span><span>高</span><span>时间</span></div><VueSeamlessScroll:class-option="SeamlessScrollOption":data="list"class="table-list"><ul><liv-for="(item, index) in list":key="index":class="{ 'img-active': active === index }"@click="handleClick($event, item, index)"><spanv-text="item.id"></span><spanv-text="item.length"></span><spanv-text="item.width"></span><spanv-text="item.height"></span><spanv-text="item.time"></span></li></ul></VueSeamlessScroll></div></div>
exportdefault{data(){return{list:[],active:null,tableLiHeight:60,SeamlessScrollOption:{singleHeight:this.tableLiHeight,// 单步运动停止的高度limitMoveNum:1,// 无缝滚动的数据量waitTime:3000,// 单步停止等待时间(默认值 1000ms)switchDelay:400,// 单步切换的动画时间(ms)。isSingleRemUnit:false,// singleHeight and singleWidth 是否开启 rem 度量},},},created(){this.getData()},methods:{getData(){
axios.request({method:'post',url:'/xxx/xxx/xxx',data:{}}).then(res=>{this.list = res.data.list
})},handleClick(event, item, index){this.active = index
}},}