From de62f8a9b4433233d6dbe537a999471db4e988ac Mon Sep 17 00:00:00 2001
From: fonghehe <331002675@qq.com>
Date: Tue, 3 Jan 2023 10:15:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=BF=AE=E6=94=B9demo=E5=92=8Creadme?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md                |  6 ++----
 src/views/demo/index.vue | 13 +++++++++++--
 types/components.d.ts    |  7 +++++++
 3 files changed, 20 insertions(+), 6 deletions(-)

diff --git a/README.md b/README.md
index 05dd04e..d95fbd2 100644
--- a/README.md
+++ b/README.md
@@ -19,11 +19,9 @@
 如果你觉得该项目有给你带来帮助，方便了你的日常开发，可以请作者喝一杯 ☕ 支持持续的迭代
 
  <table >
-  <tr style="text-align:center">
+  <tr align="center">
   <td>WechatPay</td>
-  <td>
-   AliPay
-    </td>
+  <td>AliPay</td>
   </tr>
   <tr style="text-align:center">
     <td> <img src="https://cdn.jsdelivr.net/gh/fonghehe/picture/contribute/wechatPay.jpeg" width="256" /></td>
diff --git a/src/views/demo/index.vue b/src/views/demo/index.vue
index 44a0b1b..bff2c77 100644
--- a/src/views/demo/index.vue
+++ b/src/views/demo/index.vue
@@ -1,7 +1,7 @@
 <template>
   <section>
     <span class="title">varlet</span>
-    <var-space :size="[10, 10]">
+    <var-space :size="[10, 10]" class="space">
       <var-button>demo</var-button><var-button type="primary">主要按钮</var-button>
       <var-button type="info">信息按钮</var-button>
       <var-button type="success">成功按钮</var-button>
@@ -48,11 +48,20 @@
       margin-bottom: 40px;
       display: inline-block;
     }
-    &:nth-child(2) {
+    &:nth-child(n) {
       .title {
         margin-top: 20px;
       }
     }
+    &:first-child {
+      .title {
+        margin-top: 0;
+      }
+    }
+
+    ::v-deep(.var-space) {
+      margin-bottom: 10px !important;
+    }
   }
   .demo {
     > :nth-child(n) {
diff --git a/types/components.d.ts b/types/components.d.ts
index d53f9c4..667043d 100644
--- a/types/components.d.ts
+++ b/types/components.d.ts
@@ -7,6 +7,13 @@ export {};
 
 declare module '@vue/runtime-core' {
   export interface GlobalComponents {
+    NutButton: typeof import('@nutui/nutui')['Button'];
+    NutCell: typeof import('@nutui/nutui')['Cell'];
+    NutCellGroup: typeof import('@nutui/nutui')['CellGroup'];
+    NutIcon: typeof import('@nutui/nutui')['Icon'];
+    NutNavbar: typeof import('@nutui/nutui')['Navbar'];
+    NutTabbar: typeof import('@nutui/nutui')['Tabbar'];
+    NutTabbarItem: typeof import('@nutui/nutui')['TabbarItem'];
     RouterLink: typeof import('vue-router')['RouterLink'];
     RouterView: typeof import('vue-router')['RouterView'];
     TitleBar: typeof import('./../src/components/TitleBar/index.vue')['default'];