<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>

                # Page 頁面相關組件 ## PageWrapper 用于包裹頁面組件 ### Usage ```vue <template> <div> <PageWrapper> <template #left>left</template> <template #right>right</template> </PageWrapper> </div> </template> <script> import { PageWrapper } from '/@/components/Page'; import { defineComponent } from 'vue'; export default defineComponent({ components: { PageWrapper }, setup() { return {}; }, }); </script> ``` ### Props | 屬性 | 類型 | 默認值 | 說明 | | ----------------- | ------------------ | ------ | ------------------------------- | | title | `string` | - | pageHeader title | | dense | `是否縮小主體區域` | false | 為 true 將會取消 padding/margin | | content | `string` | - | pageHeader Content 內容 | | contentStyle | `object` | - | 主體區域樣式 | | contentClass | `string` | - | 主體區域 class | | contentBackground | `boolean` | - | 主體區域背景 | | contentFullHeight | `boolean` | false | 主體區域是否占滿整個屏幕高度 | | fixedHeight | `boolean` | false | 固定主體區域高度 | ### Slots **pageHeader 的 slot 都支持** | 名稱 | 說明 | | ------------- | ------------------- | | leftFooter | PageFooter 左側區域 | | rightFooter | PageFooter 右側區域 | | headerContent | pageHeader 主體內容 | | default | 主體區域 | ## PageFooter 用于頁面底部工具欄 ### 使用 ```vue <template> <div> <PageFooter> <template #left>left</template> <template #right>right</template> </PageFooter> </div> </template> <script> import { PageFooter } from '/@/components/Page'; import { defineComponent } from 'vue'; export default defineComponent({ components: { PageFooter }, setup() { return {}; }, }); </script> ``` ### Slots | 名稱 | 說明 | | ----- | -------- | | left | 左側區域 | | right | 右側區域 |
                  <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>

                              哎呀哎呀视频在线观看