refactor: 清理移动端首页注释代码并优化布局

pages/mobile/index.vue

@@ -1,9 +1,6 @@
 <template>
   <div class="contains content">
-    <!-- Search Bar -->
     <div class="search-container">
-      <!-- <span class="icon">🔍</span> -->
-      <!-- <input v-model="searchValue" type="text" class="input" placeholder="搜一搜" @keyup.enter="onSearch" /> -->
       <van-search shape="round" class="vant-input" background="#fff" placeholder="请输入搜索关键词" />
     </div>
 
@@ -33,7 +30,6 @@
       <div class="category-row">
         <div class="category-item" @click="navigateTo('图纸')">
           <div class="category-icon">
-            <!-- <span class="icon">✍️</span> -->
             <img src="~/assets/images/tuzhi (3).png" alt="banner" />
           </div>
           <span class="category-text">图纸</span>
@@ -113,7 +109,6 @@
   <div class="divider"></div>
   <div class="contains content">
     <!-- 推荐功能 -->
-    <!-- <RecommendBanner /> -->
     <div class="recommend-section">
       <div class="tab-navigation">
         <div v-for="(tab, index) in tabs" :key="index" class="tab-item" :class="{ active: currentTab === index }" @click="switchTab(index)">
@@ -126,7 +121,6 @@
       </div>
 
       <!-- 内容区域 -->
-      <!-- <recommend-list /> -->
       <div class="design-list">
         <div class="design-item" v-for="(item, index) in items" :key="index">
           <div class="design-preview">
@@ -161,12 +155,14 @@
 </template>
 
 <script setup lang="ts">
-  definePageMeta({ layout: 'm' })
   import { useRouter } from 'vue-router'
   import activity1 from '~/assets/images/activity1.png'
   import activity2 from '~/assets/images/activity2.png'
   import activity3 from '~/assets/images/activity2.png'
-
+  definePageMeta({ 
+    layout: 'm' 
+  })
+  
   const router = useRouter()
 
   function navigateTo(category: string) {