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/feat/click-out-side/index.vue | 12 ++++++------
1 files changed, 6 insertions(+), 6 deletions(-)
diff --git a/src/views/demo/feat/click-out-side/index.vue b/src/views/demo/feat/click-out-side/index.vue
index 1d3c94b..4d9bd48 100644
--- a/src/views/demo/feat/click-out-side/index.vue
+++ b/src/views/demo/feat/click-out-side/index.vue
@@ -1,19 +1,19 @@
<template>
- <div class="p-10">
- <Alert message="鐐瑰唴澶栭儴瑙﹀彂浜嬩欢" show-icon></Alert>
- <ClickOutSide @clickOutside="handleClickOutside" class="flex justify-center mt-10">
+ <PageWrapper title="鐐瑰唴澶栭儴瑙﹀彂浜嬩欢">
+ <ClickOutSide @clickOutside="handleClickOutside" class="flex justify-center">
<div @click="innerClick" class="demo-box">
{{ text }}
</div>
</ClickOutSide>
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent, ref } from 'vue';
- import { Alert } from 'ant-design-vue';
import { ClickOutSide } from '/@/components/ClickOutSide';
+ import { PageWrapper } from '/@/components/Page';
+
export default defineComponent({
- components: { ClickOutSide, Alert },
+ components: { ClickOutSide, PageWrapper },
setup() {
const text = ref('Click');
function handleClickOutside() {
--
Gitblit v1.8.0