分类：Vue导航栏

2021
09-24

Vue实现tab导航栏并支持左右滑动功能

本文主要介绍：利用Vue实现tab导航栏，并且通过flex布局实现左右滑动，计算按钮的位置，当点击第一屏展示的最后一个且还有元素未展示时，自动滑动显示出未显示的元素。tab导航栏布局：<sectionclass="theme-list"><divclass="fixed-nav"ref="fixednav"><divclass="fixed-nav-content"><pv-for="(item,index)intheme":key="index":class="['tab-title',activeId===index&&'select-... 继续阅读 >