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/index.vue | 37 ++++++++++++++++++++-----------------
1 files changed, 20 insertions(+), 17 deletions(-)
diff --git a/src/views/demo/tree/index.vue b/src/views/demo/tree/index.vue
index b2b846e..40239e3 100644
--- a/src/views/demo/tree/index.vue
+++ b/src/views/demo/tree/index.vue
@@ -1,31 +1,34 @@
<template>
- <div class="flex p-4">
- <CollapseContainer title="鍩虹绀轰緥" :style="{ width: '33%' }" class="mr-4">
- <BasicTree :treeData="treeData" />
- </CollapseContainer>
+ <PageWrapper title="Tree鍩虹绀轰緥">
+ <div class="flex">
+ <CollapseContainer title="鍩虹绀轰緥" :style="{ width: '33%' }" class="mr-4">
+ <BasicTree :treeData="treeData" />
+ </CollapseContainer>
- <CollapseContainer title="鍙嬀閫�" class="mr-4" :style="{ width: '33%' }">
- <BasicTree :treeData="treeData" :checkable="true" />
- </CollapseContainer>
+ <CollapseContainer title="鍙嬀閫�" class="mr-4" :style="{ width: '33%' }">
+ <BasicTree :treeData="treeData" :checkable="true" />
+ </CollapseContainer>
- <CollapseContainer title="榛樿灞曞紑/鍕鹃�夌ず渚�" :style="{ width: '33%' }">
- <BasicTree
- :treeData="treeData"
- :checkable="true"
- :expandedKeys="['0-0']"
- :checkedKeys="['0-0']"
- />
- </CollapseContainer>
- </div>
+ <CollapseContainer title="榛樿灞曞紑/鍕鹃�夌ず渚�" :style="{ width: '33%' }">
+ <BasicTree
+ :treeData="treeData"
+ :checkable="true"
+ :expandedKeys="['0-0']"
+ :checkedKeys="['0-0']"
+ />
+ </CollapseContainer>
+ </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { BasicTree } from '/@/components/Tree/index';
import { treeData } from './data';
import { CollapseContainer } from '/@/components/Container/index';
+ import { PageWrapper } from '/@/components/Page';
export default defineComponent({
- components: { BasicTree, CollapseContainer },
+ components: { BasicTree, CollapseContainer, PageWrapper },
setup() {
return { treeData };
},
--
Gitblit v1.8.0