# ThorUI-uniapp

**Repository Path**: CrazyHat/ThorUI-uniapp

## Basic Information

- **Project Name**: ThorUI-uniapp
- **Description**: uni-app代码片段分享，以及基础组件分享，组件文档地址：https://thorui.cn/doc/ 。最近更新：2020-09-02
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: https://www.thorui.cn
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 68
- **Created**: 2020-11-10
- **Last Updated**: 2020-12-19

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

 ``开源不易，需要鼓励。给 ThorUI项目点个 star吧`` [GitHub](https://github.com/dingyong0214/ThorUI-uniapp)

# ThorUI
ThorUI组件库，uni-app版本，v3编译，支持nvue uni-app编译模式（原weex编译模式），easycom组件模式（无需手动引入，开发工具自带智能感知）

|  ![微信小程序](https://thorui.cn/img/applets.jpg) |![H5二维码](https://thorui.cn/img/h5_qrcode.png)  |![QQ小程序](https://thorui.cn/img/qq_applets.png)  |![Android](https://thorui.cn/img/thorui_apk.png)  |
| ------------ | ------------ | ------------ | ------------ |
|  微信小程序 |H5二维码  | QQ小程序  | Android App  |

# 网站介绍

[https://www.thorui.cn/](https://www.thorui.cn/)

# ThorUI组件文档

[https://thorui.cn/doc/](https://thorui.cn/doc/)

| ![](https://thorui.cn/img/V132/qq_3.jpg)  |![](https://thorui.cn/img/V132/qq_4.png)  |
| ------------ | ------------ |
|  ThorUI QQ交流群3：605135318 |ThorUI QQ交流群4：928308676  | 


本项目已同步更新到[微信小程序(原生小程序代码)](https://github.com/dingyong0214/ThorUI)，后续会更新到支付宝小程序，百度小程序，头条小程序等

## 更新日志

## V1.5.8（2020-09-02）

1.tui-navigation-bar组件优化，可设置背景透明 【设置该属性，则背景透明，只出现内容，isOpacity和maxOpacity失效】

2.tui-swipe-action组件优化，背景色改为配置。modal弹框、抽屉、tabbar等组件z-index改为配置，具体查看文档。

3.修复小程序端tui-numberbox组件输入比最小值小的数无法自动重置成最小值的问题。

4.优化索引列表在H5端滑动切换索引会引起页面回弹的问题。

5.tui-bottom-popup组件优化，可设置z-index以及显示时垂直方向移动的距离translateY。

6.nvue版thor-icon组件优化，更换字体base64。

7.商城模板更新【会员专用】。

 1).首页调整，新增拼团模块
 
 2).拼团列表
 
 3).拼团商品详情
 
 4).正在拼团中列表
 
 5).我的拼团
 
 6).拼团详情
 
 7).退款/售后列表
 
 8).退款详情
 
 9).申请售后

8.新增简单咖啡点单模板，类似weStoreCafe【该模板为付费模板￥100,会员2折】

 1).点单
 
 2).账单结算
 
 3).编辑地址
 
 4).地址列表
 
 5).我的订单
 
 6).订单详情
 
 7).微信登录/验证码登录
 
9.修复部分已知bug。

 --------------------------
 
 注：会员专用内容加入会员才可使用（￥99/永久)，付费模板会员可享受折扣。
 
 如若需要，请联系QQ：3168647172 或 3039218619。
 
 ## 部分功能截图
 
|  ![](https://thorui.cn/img/V158/1.png)	|![](https://thorui.cn/img/V158/2.png)	|![](https://thorui.cn/img/V158/3.png)	|
| ------------								| ------------							| ------------							|
|  ![](https://thorui.cn/img/V158/4.png)	|![](https://thorui.cn/img/V158/5.png)	|![](https://thorui.cn/img/V158/6.png)	|
|  ![](https://thorui.cn/img/V158/7.png)	|![](https://thorui.cn/img/V158/8.png)	|![](https://thorui.cn/img/V158/9.png)	|
|  ![](https://thorui.cn/img/V158/10.png)	|![](https://thorui.cn/img/V158/11.png)	|![](https://thorui.cn/img/V158/12.png)	|
|  ![](https://thorui.cn/img/V158/13.png)	|![](https://thorui.cn/img/V158/14.png)	|![](https://thorui.cn/img/V158/15.png)	|
|  ![](https://thorui.cn/img/V158/16.png)	|![](https://thorui.cn/img/V158/17.png)	|![](https://thorui.cn/img/V158/18.png)	|
|  ![](https://thorui.cn/img/V158/19.png)	|![](https://thorui.cn/img/V158/20.png)	|	|



## V1.5.6（2020-08-18）

1.修复tui-tabs组件宽度不正确的bug。

2.修复级联选择组件(tui-cascade-selection)默认数据不生效的bug。

3.优化tui-button按钮组件，新增props：preventClick[是否阻止用户重复点击，设为true则200ms内只执行一次点击事件，默认false]

 --------------------------
 
 注：加入会员享受更多权益（￥99/永久)。
 
 如若需要，请联系QQ：3168647172 或 3039218619。

## V1.5.5（2020-08-16）

1.自定义导航栏组件优化，新增props：maxOpacity（最大不透明度值），dropDownHide（下拉隐藏NavigationBar，主要针对有回弹效果ios端）。

2.上传组件优化，可限制上传图片类型，单张图片大小，sizeType，sourceType。

3.倒计时组件优化，可每秒返回剩余时间，默认不返回。

4.tui-modal弹框组件优化，修复transform导致元素内字体模糊的问题。

5.tui-button按钮组件优化，新增link样式配置，具体查看文档。

6.tui-tabs标签页组件优化，新增props：width（tabs宽度）设置。

7.tui-image-group图片组合组件优化，横向展示支持多行。

8.裁剪组件优化，修复网络图片在小程序端裁剪出现空白的问题。

9.商城模板更新【会员专用】。

 1).首页改版，新增秒杀模块
 
 2).选择优惠券（提交订单）
 
 3).开具发票
 
 4).发票详情
 
 5).查看发票，发送至邮箱
 
 6).商品评论
 
 7).评论详情，评论回复
 
 8).评价晒单
 
 9).店铺
 
 10).店铺详情
 
 11).限时秒杀列表
 
 12).秒杀详情
 
 13).商品详情优化，新增视频播放入口
 
 --------------------------
 
 注：会员专用内容加入会员才可使用（￥99/永久)。
 
 如若需要，请联系QQ：3168647172 或 3039218619。
 
 ## 部分功能截图
 
|  ![](https://thorui.cn/img/V155/1.png)	|![](https://thorui.cn/img/V155/2.png)	|![](https://thorui.cn/img/V155/3.png)	|
| ------------								| ------------							| ------------							|
|  ![](https://thorui.cn/img/V155/4.png)	|![](https://thorui.cn/img/V155/5.png)	|![](https://thorui.cn/img/V155/6.jpg)	|
|  ![](https://thorui.cn/img/V155/7.png)	|![](https://thorui.cn/img/V155/8.png)	|![](https://thorui.cn/img/V155/9.png)	|
|  ![](https://thorui.cn/img/V155/10.png)	|![](https://thorui.cn/img/V155/11.png)	|![](https://thorui.cn/img/V155/12.png)	|
|  ![](https://thorui.cn/img/V155/13.png)	|![](https://thorui.cn/img/V155/14.png)	|![](https://thorui.cn/img/V155/15.png)	|
|  ![](https://thorui.cn/img/V155/16.png)	|![](https://thorui.cn/img/V155/17.png)	|![](https://thorui.cn/img/V155/18.png)	|
|  ![](https://thorui.cn/img/V155/19.png)	|![](https://thorui.cn/img/V155/20.png)	|![](https://thorui.cn/img/V155/21.png)	|
|  ![](https://thorui.cn/img/V155/22.png)	|![](https://thorui.cn/img/V155/23.png)	|![](https://thorui.cn/img/V155/24.png)										|
 

## V1.5.2（2020-07-20）

1.步骤条组件优化，支持自定义图标，支持设置线条为虚线。

2.修复图片裁剪组件(wxs版)初始化裁剪不正确的问题。

3.按钮（tui-button)组件支持表单提交，详见文档。

4.图片上传组件（tui-upload）新增props：header，formData，修复初始化图片不显示的bug。

5.tabbar组件与自定义导航栏组件(NavBar)背景支持设置高斯模糊(ios端)。

6.uni-app版本骨架屏修复编译到小程序端无法获取到组件节点的bug。

7.日历组件单个日期选择和区间选择支持设置默认选中。

8.新增多语言模板。源码地址 ：[ThorUI-utag](https://github.com/dingyong0214/ThorUI-utag) 

9.新增拖拽排序组件，wxs实现，详细查看多语言模板示例。

10.新增签到模板（点star获取源码）。获取步骤如下：

  1）去GitHub给ThorUI项目点star，项目地址分别为：[ThorUI](https://github.com/dingyong0214/ThorUI) 和 [ThorUI-uniapp](https://github.com/dingyong0214/ThorUI-uniapp)

  2）加QQ3039218619，截图发送到该QQ即可获取源码。

--------------------------

注：自1.4.2版本之后，ThorUI只对uni-app版本进行开源，小程序原生版付费会员才可使用（￥99/永久），1.4.2版本之前不受影响。
如若需要，请联系QQ：3168647172。


## 部分功能截图 
|  ![](https://thorui.cn/img/V152/1.png)	|![](https://thorui.cn/img/V152/2.png)	|![](https://thorui.cn/img/V152/3.png)	|
| ------------								| ------------							| ------------							|
|  ![](https://thorui.cn/img/V152/4.png)	|![](https://thorui.cn/img/V152/5.png)	|![](https://thorui.cn/img/V152/6.png)	|
|  ![](https://thorui.cn/img/V152/7.png)	|![](https://thorui.cn/img/V152/8.png)	|![](https://thorui.cn/img/V152/9.png)	|
|  ![](https://thorui.cn/img/V152/10.png)	|![](https://thorui.cn/img/V152/11.png)	|![](https://thorui.cn/img/V152/12.png)	|
|  ![](https://thorui.cn/img/V152/13.png)	|![](https://thorui.cn/img/V152/14.png)	|![](https://thorui.cn/img/V152/17.png)	|

[![Watch the video](https://thorui.cn/img/V152/6.png)](https://thorui.cn/img/V152/0720.MP4)

## V1.5.1（2020-06-06）

1.日历组件支持农历（古历）。

2.sticky吸顶组件新增wxs实现(tui-sticky-wxs)。

3.新增圆形进度条组件renderjs实现(App、H5端)与canvas 2d实现（小程序端）以及nuve版本。

4.图片裁剪组件优化，手势事件改为wxs实现。

5.级联选择器组件优化，支持设置默认选中。

6.新增图片颜色分析器组件，传入图片分析图片色彩。

7.新增中文转拼音组件，可处理多音字。

8.新增update页面(App端资源更新页面)。

9.解决H5端异步请求数据后复制文本（clipboard）报错bug。
解决方案：
①.新增参数event，调用方法时传入此参数;
②.异步请求转同步。

10.修复其它已知bug。

注：自1.4.2版本之后，ThorUI只对uni-app版本进行开源，小程序原生版付费会员才可使用（￥99/永久），1.4.2版本之前不受影响。
如若需要，请联系QQ：3168647172。

## 部分功能截图 
|  ![](https://thorui.cn/img/v151/1.png) |![](https://thorui.cn/img/v151/2.png)  |![](https://thorui.cn/img/v151/3.png)  |
| ------------ | ------------ | ------------ |


## V1.5.0 (2020-05-12)

1.新增日历组件 。

2.新增图片裁剪组件。

3.新增头像、图片组合组件。

4.新增顶部NavationBar导航组件。

5.新增圆形进度条组件。

6.新增底部导航组件。

7.新增级联选择组件cascade-selection。

8.新增步骤条组件。

9.新增气泡框组件。

10.countdown倒计时组件优化，可只显示秒数倒计时。

11.回到顶部组件优化，新增回首页，分享按钮，可自定义控制显示。

12.日期时间选择组件优化，新增秒数选择，单位可置顶展示。

13.新增垂直分类菜单左右联动联动案例。

14.地图支持H5。

15.表单验证优化:非必填情况下,如果值为空,则不进行校验，不为空则进行校验。

16.发布H5、QQ小程序以及Android App。H5地址：https://www.thorui.cn/h5/#/ ，QQ小程序搜索ThorUI,apk前往https://www.thorui.cn/ 下载。

17.针对支付宝小程序做了部分优化调整。

18.nvue支持uni-app编译模式。

19.新增自定义tabbar使用模板，小程序参考：https://github.com/dingyong0214/AfterSale ，uni-app参考：https://github.com/dingyong0214/tabbar-uniapp。

20.引入优化uParse。

21.搜索页面新增关键词高亮显示。

22.新增navbar上拉加载下拉刷新案例。

23.v3编译支持。

24.支持easycom组件模式，直接在页面中使用组件，无需引入注册。

25.优化sticky组件，新增普通案例和异步加载案例。

26.整体优化调整，项目重构，部分模板完善。

## 部分功能截图 
|  ![](https://thorui.cn/img/v150/v1501.png) |![](https://thorui.cn/img/v150/v1502.png)  |![](https://thorui.cn/img/v150/v1503.png)  |
| ------------ | ------------ | ------------ |
|  ![](https://thorui.cn/img/v150/v1504.png) |![](https://thorui.cn/img/v150/v1505.png)  |![](https://thorui.cn/img/v150/v1506.png)  |
|  ![](https://thorui.cn/img/v150/v1507.png) |![](https://thorui.cn/img/v150/v1508.png)  |![](https://thorui.cn/img/v150/v1509.jpg)  |



## V1.4.2

1.modal组件优化，宽高以及padding值可设置

2.rate评分组件支持小数，如4星半，4.6星等

3.tabs组件优化

4.商城模板新增优惠券页面

5.商城模板新增订单详情页面

6.分包，解决小程序预览时包体积超出限制的问题

## 功能截图 
|  ![](https://thorui.cn/img/v142/1.jpg) |![](https://thorui.cn/img/v142/2.jpg)  |![](https://thorui.cn/img/v142/3.jpg)  |
| ------------ | ------------ | ------------ |


## V1.4.1

1.新增文档相关链接信息。

2.新增骨架屏组件(extend=>骨架屏)。

3.新增网络请求示例。

4.调整sticky组件，支持索引列表吸顶效果。

5.新增吸顶&索引列表，非scroll-view实现(code[首页]=>索引列表=>索引&吸顶效果)。

6.已知问题修复以及优化。

## 功能截图 
|  ![](https://thorui.cn/img/V141/1.png) |![](https://thorui.cn/img/V141/2.jpg)  |
| ------------ | ------------ |
|  ![](https://thorui.cn/img/V141/3.jpg) |![](https://thorui.cn/img/V141/4.png)  | 

## V1.4.0

1.新增日期时间选择器组件。

2.H5新增复制文本功能。

3.新增悬浮按钮组件。

4.新增Tabbar组件。

5.新增tabs标签页组件。

6.新增折叠面板组件。

7.新增图片上传组件。

8.NumberBox组件优化调整。

9.Modal组件优化调整。

10.sticky组件优化调整。

11.countdown组件优化调整。

12.商城模板新增购物车、我的、提交订单、支付成功、我的订单、地址列表、新增地址、设置、用户信息等页面。

13.修改已知bug。

## 功能截图 
|  ![](https://thorui.cn/img/V140/1.png) |![](https://thorui.cn/img/V140/2.png)  |  ![](https://thorui.cn/img/V140/3.png) |
| ------------ | ------------ | ------------ |
|  ![](https://thorui.cn/img/V140/4.png) |![](https://thorui.cn/img/V140/5.png)  |  ![](https://thorui.cn/img/V140/6.png) |
|  ![](https://thorui.cn/img/V140/7.png) |![](https://thorui.cn/img/V140/8.png)  |  ![](https://thorui.cn/img/V140/9.png) |
|  ![](https://thorui.cn/img/V140/10.png) |![](https://thorui.cn/img/V140/11.png)  |  ![](https://thorui.cn/img/V140/12.png) |
|  ![](https://thorui.cn/img/V140/13.png) |![](https://thorui.cn/img/V140/14.png)  |  ![](https://thorui.cn/img/V140/15.png) |

## V1.3.2

1.修复H5端发行报错的问题。

2.扩展基础组件(保留了之前版本):alert、tips、button、toast。

3.新增表单验证功能，只需配置相应验证即可。

4.新增返回顶部组件,nvue返回顶部看首页[nvue商品列表]。

5.优化部分页面，修复已知bug。

## 功能截图 
|  ![](https://thorui.cn/img/V132/4.jpg) |![](https://thorui.cn/img/V132/2.jpg)  |  ![](https://thorui.cn/img/V132/3.jpg) |
| ------------ | ------------ | ------------ |
|   |    |   |

## V1.3.0
1.新增倒计时组件:时分秒倒计时，支持设置大小，颜色等。

2.新增分隔符组件:Divider分隔符，可设置占据高度，线条宽度，颜色等。

3.新增卡片轮播:包含顶部轮播，秒杀商品轮播等。

4.nvue下拉刷新优化。

5.修复已知bug。

## V1.2.2
1.新增组件Modal弹框:可设置按钮数，按钮样式，提示文字样式等，还可自定义弹框内容。 

2.修复部分已知bug。

## V1.2.1
1.修复部分兼容性问题。

2.修复部分已知bug。

## V1.2.0
1.新增组件NumberBox数字框:可设置步长，支持浮点数，支持调整样式(可单独设置)。

2.新增组件Rate评分:可设置星星数，可设置大小颜色。

3.新增聊天模板，包含：消息列表，好友列表，聊天界面等。

4.新增商城模板,包含：商城首页，商城列表，商城详情等。

5.优化部分体验。

## V1.1.0
1.将基础组件移出扩展，单独出来。

2.扩展改为单独tab bar选项extend。

3.新增滚动消息（extend=>滚动消息）：包括顶部通告栏，滚动新闻，以及搜索框中出现的热搜产品。

4.新增弹层下拉选择（extend=>弹层下拉选择）：包含顶部下拉选择列表、输入框下拉选择以及底部分享弹层。

5.新增ActionSheet操作菜单（extend=>ActionSheet）：可加入提示信息，可单独设置字体样式。

6.新增新闻模板（extend=>新闻模板）:包含新闻列表，新闻详情，评论等。

7.部分功能优化，修复已知bug。

## V1.0.0
1.【地图】新增拖拽定位功能

2.【扩展】新增基础组件，包括：字体图标，按钮，Grid宫格，List列表，Card卡片...

3.【扩展】新增数字键盘

4.【扩展】新增时间轴

5.完善thor(个人中心)功能，包括：关于Thor UI，模拟登录，GitHub地址复制，赞赏，反馈，更新日志等

6.已知bug修复，以及部分功能优化


##  商城模板部分截图


| ![商城首页](https://thorui.cn/img/mall/1.png)  | ![](https://thorui.cn/img/mall/2.png)  | ![](https://thorui.cn/img/mall/3.png)  |  ![](https://thorui.cn/img/mall/4.png) |
| ------------ | ------------ | ------------ | ------------ |
| ![](https://thorui.cn/img/mall/5.png)  |  ![](https://thorui.cn/img/mall/6.png) |   ![](https://thorui.cn/img/mall/7.png)| ![](https://thorui.cn/img/mall/8.png)  |
|   ![](https://thorui.cn/img/mall/9.png)|  ![](https://thorui.cn/img/mall/10.png) |   |   |


##  新闻模板部分截图

| ![](https://thorui.cn/img/news/1.png)  |   ![](https://thorui.cn/img/news/2.png)|  ![](https://thorui.cn/img/news/3.png) |
| ------------ | ------------ | ------------ |
|  ![](https://thorui.cn/img/news/4.png) | ![](https://thorui.cn/img/news/5.png)  |  ![](https://thorui.cn/img/news/6.png) |


##  聊天模板截图
|  ![](https://thorui.cn/img/chat/1.png) | ![](https://thorui.cn/img/chat/2.png)  |  ![](https://thorui.cn/img/chat/3.png) |
| ------------ | ------------ | ------------ |
|  |   |   |


##  组件功能部分截图

|   ![消息提示](https://thorui.cn/img/function/1.jpg)| ![吸顶容器](https://thorui.cn/img/function/2.jpg)  |  ![数字键盘](https://thorui.cn/img/function/3.jpg) |  ![锁频键盘](https://thorui.cn/img/function/4.jpg) |  ![时间轴](https://thorui.cn/img/function/5.jpg) |
| ------------ | ------------ | ------------ | ------------ | ------------ |
|  ![消息滚动](https://thorui.cn/img/function/6.jpg) |  ![弹层，下拉选择](https://thorui.cn/img/function/7.jpg) |  ![抽奖转盘](https://thorui.cn/img/function/8.jpg) | ![抽屉](https://thorui.cn/img/function/9.jpg)  | ![滑动菜单](https://thorui.cn/img/function/10.png)  |
| ![二维码生成](https://thorui.cn/img/function/11.png)  |  ![地图-拖拽定位](https://thorui.cn/img/function/12.png) |![地图-周边地点](https://thorui.cn/img/function/13.png)   |  ![基础组件](https://thorui.cn/img/function/14.png) |  ![索引列表-城市选择](https://thorui.cn/img/function/15.png) |
| ![索引列表](https://thorui.cn/img/function/16.png)  | ![顶部选项卡](https://thorui.cn/img/function/17.png)  |  ![rate评分](https://thorui.cn/img/function/18.png) |![数字输入框](https://thorui.cn/img/function/19.png) |   |



## 赞赏

![image](https://thorui.cn/img/reward_small.jpg)