Thor UI组件库,小程序代码片段分享
尊敬的开发者,欢迎体验Thor UI!
该项目主要是一些小程序代码片段的分享,以及基础组件的封装。项目免费开源,源码可在GitHub上下载,会不定期进行更新。
项目可能存在缺陷或者bug,如果您在使用过程中发现问题或者有更好的建议,可反馈给我。您也可以将自己觉得不错的案例分享给我,我会扩展到此项目中。
ThorUI QQ交流群:928308676
扫码体验(一)
[图片]
扫码体验(二)
[图片]
组件文档地址:
http://www.thorui.cn/doc
ThorUI uni-app版本GitHub地址:
https://github.com/dingyong0214/ThorUI-uniapp
ThorUI uni-app版本插件市场地址:
https://ext.dcloud.net.cn/plugin?id=556
ThorUI 小程序版本GitHub地址:
https://github.com/dingyong0214/ThorUI
ThorUI 小程序版本插件市场地址:
https://ext.dcloud.net.cn/plugin?id=569
V1.6.5(2021-05-24)
1.tui-validation(表单验证)优化,新增validator自定义验证配置项,具体查看文档。
2.tui-round-progress(圆形进度条)组件优化,修复已知问题。
3.tui-cascade-selection(级联选择器)组件优化,修复已知问题。
4.tui-tabs(标签页)组件优化,选项卡可设置数字角标。
=====================
【ThorUI示例V1.1.0】更新:
1.tui-org-tree(组织架构树)组件优化,可控制节点内容排版方式、节点选中状态、展开收起子节点,具体查看文档。
2.新增tui-form(表单)组件,主要用于表单验证。
3.新增tui-input(输入框)组件,原生input组件增强。
4.新增tui-textarea(多行输入框)组件。
5.新增tui-label(标签)组件,用来改进表单组件的可用性。
6.新增tui-radio(单项选择器)组件。
7.新增tui-checkbox(多项选择器)组件。
8.新增tui-switch(开关)组件。
9.新增tui-picker(选择器)组件,支持1~3级数据。
10.新增tui-landscape(压屏窗)组件。
11.新增tui-segmented-control(分段器)组件。
12.新增tui-notice-bar(通告栏)组件。
13.新增tui-alerts(警告框)组件。
14.新增tui-request(数据请求)封装,支持Promise,支持请求拦截和响应拦截,支持请求未结束之前阻止重复请求等。
15.tui-utils(工具类)优化,具体查看文档。
16.新增tui-row组件,配合组件tui-col组件使用(24栅格化布局)。
17.新增tui-tree-view(树型菜单)组件。
18.新增tui-charts-column(柱状图-css版)组件。
19.新增tui-charts-bar(横向柱状图-css版)组件。
20.新增tui-charts-line(折线图表-css版)组件。
21.新增tui-charts-pie(饼状图表-css版)组件。
22.tui-lazyload-img(图片懒加载)组件优化,修复已知问题。
23.新增tui-pagination(分页器)组件。
部分功能截图
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
V1.4.0:
1.新增日期时间选择器组件。
2.H5新增复制文本功能。
3.新增悬浮按钮组件。
4.新增Tabbar组件。
5.新增tabs标签页组件。
6.新增折叠面板组件。
7.新增图片上传组件。
8.NumberBox组件优化调整。
9.Modal组件优化调整。
10.sticky组件优化调整。
11.countdown组件优化调整。
12.商城模板新增购物车、我的、提交订单、支付成功、我的订单、地址列表、新增地址、设置、用户信息等页面。
V1.3.0
1.新增倒计时组件:时分秒倒计时,支持设置大小,颜色等。
2.新增分隔符组件:Divider分隔符,可设置占据高度,线条宽度,颜色等。
3.新增卡片轮播:包含顶部轮播,秒杀商品轮播等。
4.nvue下拉刷新优化。
5.修复已知bug。
V1.2.2
1.新增组件Modal弹框:可设置按钮数,按钮样式,提示文字样式等,还可自定义弹框内容。
2.修复部分已知bug。
ThorUI V1.2.1
1.新增组件Modal弹框:可设置按钮数,按钮样式,提示文字样式等,还可自定义弹框内容。
2.修复已知bug。
3.ThorUI已上线uni-app版本,请移步uni-app插件市场搜索ThorUI。
ThorUI V1.2.0
1.新增组件NumberBox数字框:可设置步长,支持浮点数,支持调整样式(可单独设置)。
2.新增组件Rate评分:可设置星星数,可设置大小颜色。
3.新增聊天模板,包含:消息列表,好友列表,聊天界面等。
4.新增商城模板,包含:商城首页,商城列表,商城详情等。
5.优化部分体验。
ThorUI V1.1.0
1.将基础组件移出扩展,单独出来。
2.扩展改为单独tab bar选项extend。
3.新增滚动消息(extend=>滚动消息):包括顶部通告栏,滚动新闻,以及搜索框中出现的热搜产品。
4.新增弹层下拉选择(extend=>弹层下拉选择):包含顶部下拉选择列表、输入框下拉选择以及底部分享弹层。
5.新增ActionSheet操作菜单(extend=>ActionSheet):可加入提示信息,可单独设置字体样式。
6.新增新闻模板(extend=>新闻模板):包含新闻列表,新闻详情,评论等。
7.部分功能优化,修复已知bug。
ThorUI V1.0.0
1.【地图】新增拖拽定位功能
2.【扩展】新增基础组件,包括:字体图标,按钮,Grid宫格,List列表,Card卡片…
3.【扩展】新增数字键盘
4.【扩展】新增时间轴
5.完善thor(个人中心)功能,包括:关于Thor UI,模拟登录,GitHub地址复制,赞赏,反馈,更新日志等
6.已知bug修复,以及部分功能优化
商城模板部分截图
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
新闻模板部分截图
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
聊天模板截图
[图片]
[图片]
[图片]
组件功能部分截图
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]
[图片]