修改nav-bottom的点击逻辑

components/nav-bottom/nav-bottom.vue

@@ -8,13 +8,13 @@
     >
       <view class="cuIcon-home"></view>首页
     </view>
-    <view @tap="handleClickButton(1)" class="action text-gray add-action">
+    <view @tap="$emit('scan')" class="action text-gray add-action">
       <button class="cu-btn cuIcon-scan bg-blue shadow"></button>
       扫一扫
     </view>
     <view
-      :class="[index === 2 ? 'text-blue': 'text-gray']"
+      :class="[index === 1 ? 'text-blue': 'text-gray']"
-      @tap="handleClickButton(2)"
+      @tap="handleClickButton(1)"
       class="action"
       hover-class="cc-active"
     >

pages/index/index.vue

@@ -4,7 +4,7 @@
       <home v-if="navIndex === 0" />
       <mine v-else />
     </view>
-    <nav-bottom @change="onNavChange" class="nav-bottom"></nav-bottom>
+    <nav-bottom @change="onNavChange" @scan="onScan" class="nav-bottom"></nav-bottom>
   </view>
 </template>
 
@@ -27,22 +27,10 @@ export default {
      */
     onNavChange(index) {
       this.navIndex = index;
-      switch (index) {
-        // 扫一扫
-        case 1:
-          this.handleScan();
-          break;
-        // 我的
-        case 2:
-          break;
-        // 首页
-        default:
-          break;
-      }
     },
 
     // 扫一扫
-    handleScan() {
+    onScan() {
       console.log('扫一扫');
     },
   },