uniapp 项目创建子路由

在 uniapp 中创建子路由可以通过以下步骤来实现：

1. 在 `src` 目录下创建一个 `pages` 文件夹，用于存放所有页面。

2. 在 `pages` 文件夹下创建一个父级页面（例如 `parent.vue`），该页面将包含子路由的内容。

3. 在 `parent.vue` 中，添加 `uni-nav-bar` 和 `uni-tab-bar` 组件，并在组件中定义子路由。

   <template>
     <div>
       <uni-nav-bar :title="'父级页面'"></uni-nav-bar>
       <router-view></router-view>
       <uni-tab-bar>
         <uni-tab-bar-item title="子页面1" path="/pages/child1"></uni-tab-bar-item>
         <uni-tab-bar-item title="子页面2" path="/pages/child2"></uni-tab-bar-item>
       </uni-tab-bar>
     </div>
   </template>

4. 在 `pages` 文件夹下创建子页面（例如 `child1.vue` 和 `child2.vue`）。

5. 在 `router.js` 中定义子路由。

   export default new Router({
     routes: [
       {
         path: '/pages/parent',
         component: () => import('@/pages/parent.vue'),
         children: [
           {
             path: '',
             redirect: '/pages/child1'
           },
           {
             path: '/pages/child1',
             component: () => import('@/pages/child1.vue')
           },
           {
             path: '/pages/child2',
             component: () => import('@/pages/child2.vue')
           }
         ]
       }
     ]
   })

6. 在 `main.js` 中引入 `router.js`。

   import Vue from 'vue'
   import App from './App'
   import router from './router'

   Vue.config.productionTip = false

   App.mpType = 'app'

   const app = new Vue({
     ...App,
     router
   })
   app.$mount()

现在，您可以启动 uniapp 项目并访问 `http://localhost:8080/pages/parent`，就可以看到父级页面和子页面的内容了。