# ThorUI-uniapp **Repository Path**: tonyweb/ThorUI-uniapp ## Basic Information - **Project Name**: ThorUI-uniapp - **Description**: uni-app代码片段分享，以及基础组件分享，组件文档地址：https://thorui.cn/doc/ - **Primary Language**: Unknown - **License**: MIT - **Default Branch**: master - **Homepage**: https://www.thorui.cn - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 68 - **Created**: 2020-06-09 - **Last Updated**: 2020-12-19 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README ``开源不易，需要鼓励。给 ThorUI项目点个 star吧`` # 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://www.thorui.cn/doc](https://www.thorui.cn/doc) | ![](https://thorui.cn/img/V132/qq_3.jpg) |![](https://thorui.cn/img/V132/qq_new.jpg) | | ------------ | ------------ | | ThorUI QQ交流群3：605135318 |ThorUI QQ交流群2：881906325 | 本项目已同步更新到[微信小程序(原生小程序代码)](https://github.com/dingyong0214/ThorUI)，后续会更新到支付宝小程序，百度小程序，头条小程序等 ## 更新日志 ## 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版本进行开源，小程序原生版付费会员才可使用（￥29.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修复，以及部分功能优化 ## 赞赏 ![image](https://thorui.cn/img/reward_small.jpg) # 商城模板部分截图 | ![商城首页](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)