横向菜单滚动翻页功能的实现
实现方法
使用了走马灯的思想,将菜单项放在一排,超过显示区域隐藏,点击实现菜单的滚动。
效果图
具体实现
html部分
<div class="dataNav">
<button class="dataNavPrev" @click="navPrev"><</button> //向前翻页按钮
<ul class="dataNavList" ref="dataNavList">
<li class="dataNavListItem" v-for="(item, index) in navList" :key="index" :style="{transform:'translateX(-'