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/list/basic/index.vue | 11 +++++------
1 files changed, 5 insertions(+), 6 deletions(-)
diff --git a/src/views/demo/page/list/basic/index.vue b/src/views/demo/page/list/basic/index.vue
index d39801f..a3bbfc6 100644
--- a/src/views/demo/page/list/basic/index.vue
+++ b/src/views/demo/page/list/basic/index.vue
@@ -1,6 +1,5 @@
<template>
- <div :class="prefixCls">
- <a-page-header title="鏍囧噯鍒楄〃" :ghost="false" />
+ <PageWrapper :class="prefixCls" title="鏍囧噯鍒楄〃">
<div :class="`${prefixCls}__top`">
<a-row :gutter="12">
<a-col :span="8" :class="`${prefixCls}__top-col`">
@@ -47,16 +46,17 @@
</template>
</a-list>
</div>
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { Progress } from 'ant-design-vue';
import { defineComponent } from 'vue';
import Icon from '/@/components/Icon/index';
import { cardList } from './data';
+ import { PageWrapper } from '/@/components/Page';
export default defineComponent({
- components: { Icon, Progress },
+ components: { Icon, Progress, PageWrapper },
setup() {
return {
prefixCls: 'list-basic',
@@ -73,7 +73,6 @@
.list-basic {
&__top {
padding: 24px;
- margin: 24px 24px 0 24px;
text-align: center;
background: #fff;
@@ -100,7 +99,7 @@
&__content {
padding: 24px;
- margin: 12px 24px;
+ margin-top: 12px;
background: #fff;
.list {
--
Gitblit v1.8.0