feat: 修改demo和readme

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>

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) {

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'];