ソースを参照

Merge branch 'v4' of https://github.com/jdf2e/nutui into v4

Drjingfubo 3 年 前
コミット
8edf7e0899

+ 22 - 3
src/packages/__VUE/empty/doc.en-US.md

@@ -26,10 +26,29 @@ app.use(Empty);
 :::demo
 ```html
 <template>
-  <nut-empty image="empty" description="no content"></nut-empty>
-  <nut-empty image="error" description="error"></nut-empty>
-  <nut-empty image="network" description="no network"></nut-empty>
+  <nut-tabs v-model="tabValue">
+    <nut-tab-pane title="empty">
+      <nut-empty image="empty" description="no cotent"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="error">
+      <nut-empty image="error" description="error"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="no network">
+      <nut-empty image="network" description="network"></nut-empty>
+    </nut-tab-pane>
+  </nut-tabs>
 </template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+  setup() {
+    const tabValue = ref(0);
+    return {
+      tabValue
+    }
+  }
+}
+</script>
 ```
 :::
 ### Custom Image

+ 22 - 3
src/packages/__VUE/empty/doc.md

@@ -26,10 +26,29 @@ app.use(Empty);
 :::demo
 ```html
 <template>
-  <nut-empty image="empty" description="无内容"></nut-empty>
-  <nut-empty image="error" description="加载失败/错误"></nut-empty>
-  <nut-empty image="network" description="无网络"></nut-empty>
+  <nut-tabs v-model="tabValue">
+    <nut-tab-pane title="无内容">
+      <nut-empty image="empty" description="无内容"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="加载失败/错误">
+      <nut-empty image="error" description="加载失败/错误"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="无网络">
+      <nut-empty image="network" description="无网络"></nut-empty>
+    </nut-tab-pane>
+  </nut-tabs>
 </template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+  setup() {
+    const tabValue = ref(0);
+    return {
+      tabValue
+    }
+  }
+}
+</script>
 ```
 :::
 ### 自定义图片

+ 22 - 3
src/packages/__VUE/empty/doc.taro.md

@@ -26,10 +26,29 @@ app.use(Empty);
 :::demo
 ```html
 <template>
-  <nut-empty image="empty" description="无内容"></nut-empty>
-  <nut-empty image="error" description="加载失败/错误"></nut-empty>
-  <nut-empty image="network" description="无网络"></nut-empty>
+  <nut-tabs v-model="tabValue">
+    <nut-tab-pane title="无内容">
+      <nut-empty image="empty" description="无内容"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="加载失败/错误">
+      <nut-empty image="error" description="加载失败/错误"></nut-empty>
+    </nut-tab-pane>
+    <nut-tab-pane title="无网络">
+      <nut-empty image="network" description="无网络"></nut-empty>
+    </nut-tab-pane>
+  </nut-tabs>
 </template>
+<script lang="ts">
+import { ref } from 'vue';
+export default {
+  setup() {
+    const tabValue = ref(0);
+    return {
+      tabValue
+    }
+  }
+}
+</script>
 ```
 :::
 ### 自定义图片

+ 1 - 1
src/packages/__VUE/signature/doc.taro.md

@@ -2,7 +2,7 @@
 
 ### 介绍
 
-基于Canvas的签名组件。默认竖屏模式使用,如使用横屏模式,请开发者自行设置旋转角度或者宽高。
+基于 Canvas 的签名组件。默认竖屏模式使用,如使用横屏模式,请开发者自行设置旋转角度或者宽高。
     
 ### 安装