feat: fix user boughts

frontend/wechat/src/layouts/MainLayout.vue

@@ -30,7 +30,7 @@ const switchTab = (index, route) => {
 
         <nav class="flex-none bg-white border-t border-gray-200">
             <div class="flex justify-around items-center h-14">
-                <button v-for="(tab, index) in tabs" :key="index"
+                <div v-for="(tab, index) in tabs" :key="index"
                     class="flex flex-col items-center justify-center w-full h-full py-1 focus:outline-none" :class="[
                         activeTab === index
                             ? 'text-blue-600'
@@ -38,7 +38,7 @@ const switchTab = (index, route) => {
                     ]" @click="switchTab(index, tab.route)">
                     <component :is="tab.icon" class="w-6 h-6" />
                     <span class="mt-1 text-xs">{{ tab.label }}</span>
-                </button>
+                </div>
             </div>
         </nav>
     </div>