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/modal/index.vue | 8 +++++---
1 files changed, 5 insertions(+), 3 deletions(-)
diff --git a/src/views/demo/comp/modal/index.vue b/src/views/demo/comp/modal/index.vue
index d3ba2fe..29de44c 100644
--- a/src/views/demo/comp/modal/index.vue
+++ b/src/views/demo/comp/modal/index.vue
@@ -1,5 +1,5 @@
<template>
- <div class="px-10 py-4">
+ <PageWrapper title="modal缁勪欢浣跨敤绀轰緥">
<Alert
message="浣跨敤 useModal 杩涜寮圭獥鎿嶄綔锛岄粯璁ゅ彲浠ユ嫋鍔紝鍙互閫氳繃 draggable
鍙傛暟杩涜鎺у埗鏄惁鍙互鎷栧姩/鍏ㄥ睆"
@@ -24,7 +24,7 @@
<Modal2 @register="register2" />
<Modal3 @register="register3" />
<Modal4 @register="register4" />
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
@@ -34,8 +34,10 @@
import Modal2 from './Modal2.vue';
import Modal3 from './Modal3.vue';
import Modal4 from './Modal4.vue';
+ import { PageWrapper } from '/@/components/Page';
+
export default defineComponent({
- components: { Alert, Modal1, Modal2, Modal3, Modal4 },
+ components: { Alert, Modal1, Modal2, Modal3, Modal4, PageWrapper },
setup() {
const [register1, { openModal: openModal1, setModalProps }] = useModal();
const [register2, { openModal: openModal2 }] = useModal();
--
Gitblit v1.8.0