From 31ff0559fe3b635fc2091aac0e2f5e340629134c Mon Sep 17 00:00:00 2001 From: vben <anncwb@126.com> Date: 星期二, 05 一月 2021 21:45:05 +0800 Subject: [PATCH] feat(page-wrapper): added pageWrapper component --- src/views/demo/comp/scroll/index.vue | 13 +++++-------- 1 files changed, 5 insertions(+), 8 deletions(-) diff --git a/src/views/demo/comp/scroll/index.vue b/src/views/demo/comp/scroll/index.vue index ac0440e..ed3ae1e 100644 --- a/src/views/demo/comp/scroll/index.vue +++ b/src/views/demo/comp/scroll/index.vue @@ -1,6 +1,5 @@ <template> - <div class="p-4"> - <Alert message="鎶藉彇el-scrollbar锛屽苟瀵瑰叾杩涜鎵╁睍,婊氬姩鏉$編鍖�,閫傜敤浜庡悇涓祻瑙堝櫒" type="info" /> + <PageWrapper title="婊氬姩缁勪欢绀轰緥" content="鍩轰簬el-scrollbar"> <div class="scroll-wrap"> <ScrollContainer class="mt-4"> <ul class="p-3"> @@ -10,18 +9,16 @@ </ul> </ScrollContainer> </div> - </div> + </PageWrapper> </template> <script lang="ts"> import { defineComponent } from 'vue'; import { CollapseContainer } from '/@/components/Container/index'; import { ScrollContainer } from '/@/components/Container/index'; - import { Alert } from 'ant-design-vue'; + import { PageWrapper } from '/@/components/Page'; + export default defineComponent({ - components: { CollapseContainer, ScrollContainer, Alert }, - setup() { - return {}; - }, + components: { CollapseContainer, ScrollContainer, PageWrapper }, }); </script> <style lang="less" scoped> -- Gitblit v1.8.0