浏览代码

upd: 增加签名,刮刮卡组件taro说明文档 (#632)

* fix: 优化calender滑动

* fix: 修复小程序上calendar 样式问题

* fix: 修复calendar样式

* feat: 添加签名组件

* feat: 新加刮刮卡组件

* feat: 增加taro转换文档说明

Co-authored-by: guoxiaoxiao8 <guoxiao158@126.com>
郭晓 4 年之前
父节点
当前提交
050842675e
共有 3 个文件被更改,包括 180 次插入0 次删除
  1. 6 0
      src/config.json
  2. 87 0
      src/packages/__VUE/luckycard/doc.taro.md
  3. 87 0
      src/packages/__VUE/signature/doc.taro.md

+ 6 - 0
src/config.json

@@ -745,6 +745,7 @@
           "version": "3.0.0",
           "name": "CountUp",
           "taro": true,
+          "tarodoc": true,
           "sort": 12,
           "cName": "数字滚动",
           "type": "component",
@@ -755,6 +756,7 @@
         {
           "version": "3.0.0",
           "name": "NumberKeyboard",
+          "tarodoc": true,
           "taro": true,
           "sort": 13,
           "cName": "数字键盘",
@@ -803,6 +805,8 @@
         },
         {
           "version": "3.0.0",
+          "taro": false,
+          "tarodoc": true,
           "name": "Signature",
           "type": "component",
           "cName": "签名",
@@ -813,6 +817,8 @@
         },
         {
           "version": "3.0.0",
+          "taro": false,
+          "tarodoc": true,
           "name": "Luckycard",
           "type": "component",
           "cName": "刮刮卡",

+ 87 - 0
src/packages/__VUE/luckycard/doc.taro.md

@@ -0,0 +1,87 @@
+# luckycard
+
+### 介绍
+
+由于 taro 对原生 canvas 的转换未完成。暂时不支持该组件转小程序的应用
+
+<!-- ### 安装
+
+```javascript
+import { createApp } from 'vue';
+import { Swiper } from '@nutui/nutui-taro';
+
+const app = createApp();
+app.use(Swiper);
+```
+
+## 代码演示
+
+### 基础用法
+
+`autoplay` 是否自动切换
+`interval` 自动切换时间间隔
+`current` 当前所在滑块的 index
+`indicator-dots` 是否显示面板指示点
+`indicator-color` 指示点颜色
+
+```html
+<nut-swiper current="1" indicator-dots="true" indicator-color="#426543" autoplay="true" interval="3000">
+   <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+```
+
+### 自定义大小
+
+`previous-margin` 前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值
+`next-margin` 后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值
+
+```html
+<nut-swiper previous-margin="10px" next-margin="10px">
+   <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+```
+
+### 垂直方向
+
+`vertical` 滑动方向是否为纵向
+
+
+```html
+<nut-swiper vertical="true">
+    <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+``` -->
+

+ 87 - 0
src/packages/__VUE/signature/doc.taro.md

@@ -0,0 +1,87 @@
+# signature 签名
+
+### 介绍
+
+由于 taro 对原生 canvas 的转换未完成。暂时不支持该组件转小程序的应用
+
+<!-- ### 安装
+
+```javascript
+import { createApp } from 'vue';
+import { Swiper } from '@nutui/nutui-taro';
+
+const app = createApp();
+app.use(Swiper);
+```
+
+## 代码演示
+
+### 基础用法
+
+`autoplay` 是否自动切换
+`interval` 自动切换时间间隔
+`current` 当前所在滑块的 index
+`indicator-dots` 是否显示面板指示点
+`indicator-color` 指示点颜色
+
+```html
+<nut-swiper current="1" indicator-dots="true" indicator-color="#426543" autoplay="true" interval="3000">
+   <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+```
+
+### 自定义大小
+
+`previous-margin` 前边距,可用于露出前一项的一小部分,接受 px 和 rpx 值
+`next-margin` 后边距,可用于露出后一项的一小部分,接受 px 和 rpx 值
+
+```html
+<nut-swiper previous-margin="10px" next-margin="10px">
+   <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+```
+
+### 垂直方向
+
+`vertical` 滑动方向是否为纵向
+
+
+```html
+<nut-swiper vertical="true">
+    <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro34.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/NutUItaro2.jpg'" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/welcomenutui.jpg" alt="" />
+  </nut-swiper-item>
+  <nut-swiper-item>
+    <img src="https://storage.360buyimg.com/jdc-article/fristfabu.jpg" alt="" />
+  </nut-swiper-item>
+</nut-swiper>
+``` -->
+