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/permission/front/index.vue | 16 +++++++++------- 1 files changed, 9 insertions(+), 7 deletions(-) diff --git a/src/views/demo/permission/front/index.vue b/src/views/demo/permission/front/index.vue index 542489c..988a970 100644 --- a/src/views/demo/permission/front/index.vue +++ b/src/views/demo/permission/front/index.vue @@ -1,9 +1,10 @@ <template> - <div class="p-4 m-4 demo"> - <Alert - message="鐢变簬鍒锋柊鐨勬椂鍊欎細璇锋眰鐢ㄦ埛淇℃伅鎺ュ彛锛屼細鏍规嵁鎺ュ彛閲嶇疆瑙掕壊淇℃伅锛屾墍浠ュ埛鏂板悗鐣岄潰浼氭仮澶嶅師鏍凤紝濡傛灉涓嶉渶瑕侊紝鍙互娉ㄩ噴 src/layout/default/index鍐呯殑鑾峰彇鐢ㄦ埛淇℃伅鎺ュ彛" - show-icon - /> + <PageWrapper + title="鍓嶇鏉冮檺绀轰緥" + contentBackgrond + contentClass="p-4" + content="鐢变簬鍒锋柊鐨勬椂鍊欎細璇锋眰鐢ㄦ埛淇℃伅鎺ュ彛锛屼細鏍规嵁鎺ュ彛閲嶇疆瑙掕壊淇℃伅锛屾墍浠ュ埛鏂板悗鐣岄潰浼氭仮澶嶅師鏍凤紝濡傛灉涓嶉渶瑕侊紝鍙互娉ㄩ噴 src/layout/default/index鍐呯殑鑾峰彇鐢ㄦ埛淇℃伅鎺ュ彛" + > <CurrentPermissionMode /> <p> @@ -22,7 +23,7 @@ </a-button> </a-button-group> </div> - </div> + </PageWrapper> </template> <script lang="ts"> import { computed, defineComponent } from 'vue'; @@ -31,9 +32,10 @@ import { userStore } from '/@/store/modules/user'; import { RoleEnum } from '/@/enums/roleEnum'; import { usePermission } from '/@/hooks/web/usePermission'; + import { PageWrapper } from '/@/components/Page'; export default defineComponent({ - components: { Alert, CurrentPermissionMode }, + components: { Alert, CurrentPermissionMode, PageWrapper }, setup() { const { changeRole } = usePermission(); return { -- Gitblit v1.8.0