vue移动端底部导航栏

最近写个小demo书写移动端的小demo，（别忘了移动端的适配问题）
效果图如下


点击底下的导航对应相应的页面
代码如下

<template>
  <div class="footer">
    <el-row>
      <el-menu
        :default-active="this.$route.path"
        class="el-menu-vertical-demo"
        router
      >

        <el-col :span="6">
          <el-menu-item index="/index">
            <i class="iconfont icon-icon-test1"></i>
            <div slot="title">一</div>
          </el-menu-item>
        </el-col>