Browse Source

docs: 组件文档修改

Ymm0008 3 years ago
parent
commit
17df94dfc9

+ 0 - 1
src/packages/__VUE/barrage/doc.md

@@ -18,7 +18,6 @@ app.use(Barrage);
 
 ### 基础用法
 
-`Icon` 的 `name` 属性支持传入图标名称或图片链接。
 :::demo
 
 ```html

+ 0 - 20
src/packages/__VUE/barrage/doc.taro.md

@@ -18,7 +18,6 @@ app.use(Barrage);
 
 ### 基础用法
 
-`Icon` 的 `name` 属性支持传入图标名称或图片链接。
 :::demo
 
 ```html
@@ -53,25 +52,6 @@ export default {
 
 :::
 
-### slot 用法
-
-> 使用插槽需要将滚动内容放在html标签内,小程序环境暂不支持
-
-:::demo
-
-```html
-<template>
-  <nut-barrage>
-    <span>aaa</span>
-    <span>bbb</span>
-    <span>ccc</span>
-    <span>ddd</span>
-  </nut-barrage>
-</template>
-```
-
-:::
-
 
 ## API
 

+ 0 - 2
src/packages/__VUE/signature/doc.md

@@ -15,8 +15,6 @@ app.use(Signature);
 
 ```
     
-    
-    
 ### 基础用法
 
 :::demo

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

@@ -14,7 +14,40 @@ const app = createApp();
 app.use(Signature);
 
 ```
-    
+
+### 基础用法
+
+:::demo
+
+```html
+<template>
+  <nut-signature  
+    @confirm="confirm" 
+    @clear="clear"
+  ></nut-signature>
+  <p class="demo-tips demo">Tips: 点击确认按钮,下方显示签名图片</p>
+</template>
+<script>
+export default {
+    props: {},
+    setup() {
+        const confirm = (canvas, data) => {
+            let img = document.createElement('img');
+            img.src = data;
+            document.querySelector('.demo').appendChild(img);
+        };
+        const clear = () => {
+            let img = document.querySelector('.demo img'); 
+            if (img) {
+                img.remove();
+            }
+        }
+        return { confirm, clear };
+    }
+}
+</script>
+```
+:::
     
  
 ### 修改颜色和签字粗细

+ 3 - 0
src/sites/mobile-taro/vue/src/business/pages/signature/index.vue

@@ -1,6 +1,9 @@
 <template>
   <div class="demo">
     <h2>基础用法</h2>
+    <nut-signature @confirm="confirm" @clear="clear" custom-class="test" @start="start"></nut-signature>
+    <p class="demo-tips demo1">Tips: 点击确认按钮,下方显示签名图片</p>
+    <h2>修改颜色和签字粗细</h2>
     <nut-signature
       :lineWidth="lineWidth"
       :strokeStyle="strokeStyle"