Add tabber

layouts/default.vue

@@ -4,20 +4,12 @@
       <a href="http://chzb8.tv">
         <img src="~/assets/images/logo.png" />
       </a>
-      <!-- <el-menu
-        :default-active="activeIndex"
-        router
-        class="el-menu-demo"
-        mode="horizontal"
-      >
-        <el-menu-item index="/">即时比分</el-menu-item>
-        <el-menu-item index="/schedule">赛程</el-menu-item>
-      </el-menu> -->
     </div>
-    <van-tabs class="tab" color="#ff976a" v-model="activeIndex">
-      <van-tab title="即时比分" to="/"></van-tab>
-      <van-tab title="赛程" to="/schedule"></van-tab>
-    </van-tabs>
+
+    <van-tabbar route active-color="#646566">
+      <van-tabbar-item to="/" name="/" icon="home-o" >即时比分</van-tabbar-item>
+      <van-tabbar-item to="/schedule" name="/schedule" icon="notes-o">赛程</van-tabbar-item>
+    </van-tabbar>
     <Nuxt />
   </div>
 </template>
@@ -28,7 +20,6 @@ export default {
   name: "DefaultItem",
   data() {
     return {
-      activeIndex: "/",
     };
   },
   created() {

pages/Schedule.vue

@@ -158,6 +158,7 @@ export default {
         "-" +
         (new Date().getDate() + 3),
       matchType: 0,
+      matchText: "",
       list: [],
       football: [],
       footballCount: "",