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/page/desc/high/index.vue | 41 ++++++++++++++++++-----------------------
1 files changed, 18 insertions(+), 23 deletions(-)
diff --git a/src/views/demo/page/desc/high/index.vue b/src/views/demo/page/desc/high/index.vue
index 97c4d6c..f6997e8 100644
--- a/src/views/demo/page/desc/high/index.vue
+++ b/src/views/demo/page/desc/high/index.vue
@@ -1,17 +1,19 @@
<template>
- <div>
- <a-page-header title="鍗曞彿锛�234231029431" class="high-desc">
- <template #extra>
- <a-button key="3"> 鎿嶄綔涓� </a-button>
- <a-button key="2"> 鎿嶄綔浜� </a-button>
- <a-button key="1" type="primary"> 涓绘搷浣� </a-button>
- </template>
- <template #footer>
- <a-tabs default-active-key="1">
- <a-tab-pane key="1" tab="璇︽儏" />
- <a-tab-pane key="2" tab="瑙勫垯" />
- </a-tabs>
- </template>
+ <PageWrapper title="鍗曞彿锛�234231029431" contentBackgrond>
+ <template #extra>
+ <a-button key="3"> 鎿嶄綔涓� </a-button>
+ <a-button key="2"> 鎿嶄綔浜� </a-button>
+ <a-button key="1" type="primary"> 涓绘搷浣� </a-button>
+ </template>
+
+ <template #footer>
+ <a-tabs default-active-key="1">
+ <a-tab-pane key="1" tab="璇︽儏" />
+ <a-tab-pane key="2" tab="瑙勫垯" />
+ </a-tabs>
+ </template>
+
+ <div class="m-4 pt-4 desc-wrap">
<a-descriptions size="small" :column="2">
<a-descriptions-item label="鍒涘缓浜�"> 鏇蹭附涓� </a-descriptions-item>
<a-descriptions-item label="璁㈣喘浜у搧"> XX 鏈嶅姟 </a-descriptions-item>
@@ -20,9 +22,6 @@
<a-descriptions-item label="鐢熸晥鏃ユ湡"> 2017-07-07 ~ 2017-08-08 </a-descriptions-item>
<a-descriptions-item label="澶囨敞"> 璇蜂簬涓や釜宸ヤ綔鏃ュ唴纭 </a-descriptions-item>
</a-descriptions>
- </a-page-header>
-
- <div class="m-5 desc-wrap">
<a-card title="娴佺▼杩涘害" :bordered="false">
<a-steps :current="1" progress-dot size="small">
<a-step title="鍒涘缓椤圭洰">
@@ -84,16 +83,17 @@
</a-card>
<BasicTable @register="registerTimeTable" />
</div>
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { Description } from '/@/components/Description/index';
import { BasicTable, useTable } from '/@/components/Table';
+ import { PageWrapper } from '/@/components/Page';
import { refundTimeTableSchema, refundTimeTableData } from './data';
export default defineComponent({
- components: { Description, BasicTable },
+ components: { Description, BasicTable, PageWrapper },
setup() {
const [registerTimeTable] = useTable({
title: '閫�璐ц繘搴�',
@@ -110,8 +110,3 @@
},
});
</script>
-<style lang="less" scoped>
- .high-desc {
- background: #fff;
- }
-</style>
--
Gitblit v1.8.0