<ruby id="bdb3f"></ruby>

    <p id="bdb3f"><cite id="bdb3f"></cite></p>

      <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
        <p id="bdb3f"><cite id="bdb3f"></cite></p>

          <pre id="bdb3f"></pre>
          <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

          <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
          <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

          <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                <ruby id="bdb3f"></ruby>

                ### **安裝** ``` npx nuxi init <project-name> ``` ### **新建頁面** - 項目根目錄新建 /page目錄 - 在 `app.vue` 文件中添加 `<NuxtPage></NuxtPage>` ~~~ <template> <NuxtPage></NuxtPage>//自動加載page下的頁面 </template> <script> </script> <style> :focus {outline: 0;} </style> ~~~ ### **路由自動訪問** ![](https://img.kancloud.cn/21/77/21779411260ab38cf9c273fd00742bd5_390x332.png) 訪問 127.0.0.1/ 訪問的是page/index.vue 127.0.0.1/user => page/user.vue ### **user.vue代碼** ~~~ <template> <div class="user"> <el-container> <!-- 左側邊欄--> <el-aside style="width: auto" class="el-menu-vertical-demo"> <UserLeft :collapse="collapseVal"></UserLeft> </el-aside> <!-- 側邊欄 end--> <el-container> <el-header> <UserHeader @collapseBtnClick="collapseBtnClick"> </UserHeader> </el-header> <el-main> <NuxtPage></NuxtPage> </el-main> <!-- <el-footer>這是頁面底部</el-footer>--> </el-container> </el-container> </div> </template> <script setup> definePageMeta({ middleware: 'user-login' }) const collapseVal = ref(false); // const collapseClick = () => { // collapseVal.value = !collapseVal.value // } const collapseBtnClick = (val) => { collapseVal.value = val.value } </script> <style scoped lang="less"> .home { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .el-menu-vertical-demo:not(.el-menu--collapse) { min-height: 400px; } .el-header { background-color: pink; } .el-main{ background-color: rgba(252, 252, 253, 0.99); padding: 8px; } </style> ~~~
                  <ruby id="bdb3f"></ruby>

                  <p id="bdb3f"><cite id="bdb3f"></cite></p>

                    <p id="bdb3f"><cite id="bdb3f"><th id="bdb3f"></th></cite></p><p id="bdb3f"></p>
                      <p id="bdb3f"><cite id="bdb3f"></cite></p>

                        <pre id="bdb3f"></pre>
                        <pre id="bdb3f"><del id="bdb3f"><thead id="bdb3f"></thead></del></pre>

                        <ruby id="bdb3f"><mark id="bdb3f"></mark></ruby><ruby id="bdb3f"></ruby>
                        <pre id="bdb3f"><pre id="bdb3f"><mark id="bdb3f"></mark></pre></pre><output id="bdb3f"></output><p id="bdb3f"></p><p id="bdb3f"></p>

                        <pre id="bdb3f"><del id="bdb3f"><progress id="bdb3f"></progress></del></pre>

                              <ruby id="bdb3f"></ruby>

                              哎呀哎呀视频在线观看