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/tree/ActionTree.vue | 7 ++++---
1 files changed, 4 insertions(+), 3 deletions(-)
diff --git a/src/views/demo/tree/ActionTree.vue b/src/views/demo/tree/ActionTree.vue
index 5bfdeb5..3ffd847 100644
--- a/src/views/demo/tree/ActionTree.vue
+++ b/src/views/demo/tree/ActionTree.vue
@@ -1,5 +1,5 @@
<template>
- <div class="p-4">
+ <PageWrapper title="Tree鍑芥暟鎿嶄綔绀轰緥" contentBackgrond contentClass="p-4">
<div class="mb-4">
<a-button @click="handleLevel(2)" class="mr-2">鏄剧ず鍒扮2绾�</a-button>
<a-button @click="handleLevel(1)" class="mr-2">鏄剧ず鍒扮1绾�</a-button>
@@ -20,7 +20,7 @@
<CollapseContainer title="鍑芥暟鎿嶄綔" class="mr-4" :canExpan="false" :style="{ width: '33%' }">
<BasicTree :treeData="treeData" ref="treeRef" :checkable="true" />
</CollapseContainer>
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent, ref, unref } from 'vue';
@@ -28,9 +28,10 @@
import { treeData } from './data';
import { CollapseContainer } from '/@/components/Container/index';
import { useMessage } from '/@/hooks/web/useMessage';
+ import { PageWrapper } from '/@/components/Page';
export default defineComponent({
- components: { BasicTree, CollapseContainer },
+ components: { BasicTree, CollapseContainer, PageWrapper },
setup() {
const treeRef = ref<Nullable<TreeActionType>>(null);
const { createMessage } = useMessage();
--
Gitblit v1.8.0