vue中可滑动的导航栏(用CSS样式完成)

<template>
  <div class="huadong">
    <div class="bt">
      <nav>
        <span @click="qh(index)"
              v-for="(item,index) in list"
              :class="{active:show==index+1}"
              :key="index">
          {
  {item}}
        </span>
      </nav>

    </div>
    <div class="nr"
         v-if="index==0">
      <p v-for="(item,index) in nr"
         :key="index">{
  {item}}</p>
    </div>
    <div class="nr"
         v-if="index==1">
      <p v-for="(item,index) in nrs"
         :key="index">{
  {item}}</p>
    </div>
    <div class="nr"
         v-if="index==2">
      <p v-for="(item,index