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/scroll/VirtualScroll.vue | 11 ++++++-----
1 files changed, 6 insertions(+), 5 deletions(-)
diff --git a/src/views/demo/comp/scroll/VirtualScroll.vue b/src/views/demo/comp/scroll/VirtualScroll.vue
index b23f37f..136dc65 100644
--- a/src/views/demo/comp/scroll/VirtualScroll.vue
+++ b/src/views/demo/comp/scroll/VirtualScroll.vue
@@ -1,5 +1,5 @@
<template>
- <div class="p-4 virtual-scroll-demo">
+ <PageWrapper class="virtual-scroll-demo">
<Divider>鍩虹婊氬姩绀轰緥</Divider>
<div class="virtual-scroll-demo-wrap">
<VScroll :itemHeight="41" :items="data" :height="300" :width="300">
@@ -17,15 +17,16 @@
</template>
</VScroll>
</div>
- </div>
+ </PageWrapper>
</template>
<script lang="ts">
import { defineComponent } from 'vue';
import { VScroll } from '/@/components/VirtualScroll/index';
import { Divider } from 'ant-design-vue';
- const data: any[] = (() => {
- const arr: any[] = [];
+ import { PageWrapper } from '/@/components/Page';
+ const data: Recordable[] = (() => {
+ const arr: Recordable[] = [];
for (let index = 1; index < 20000; index++) {
arr.push({
title: '鍒楄〃椤�' + index,
@@ -34,7 +35,7 @@
return arr;
})();
export default defineComponent({
- components: { VScroll: VScroll, Divider },
+ components: { VScroll: VScroll, Divider, PageWrapper },
setup() {
return { data: data };
},
--
Gitblit v1.8.0