vue-cli-移动端web-app可滑动标题栏(类似腾讯视频精选滑动)

前沿：

---

这是好久之前的项目的需求了，需要做一个可滑动的标题栏，类似腾讯视频的导航栏，可以滑动。现在记录下来，方便以后使用。这里我并没有封装公共组件，需要的伙伴自行封装。

由于需要灵活控制（我不想写那么多的v-show,那位小伙伴有更好的解决方案，评论区留言），所以里边有引入jq,适配用的是rem.接下来上代码。

<template>
   <div id="app">
       <nav>
         <p v-for="(item,$index) in arr"
         :key="item"
         @click="toggle($index)"
         :class="{active:$index==active}"><span :class="{spanlast:$index==7}">{
   {
   item}}</span></p>
        </nav>
                <div class="main" style="display: block;">1</div>
                <div class="main">22<<