/ThorUI

ThorUI组件库,微信小程序项目代码分享,组件文档地址:https://www.thorui.cn/doc

Primary LanguageJavaScriptMIT LicenseMIT

开源不易,需要鼓励。给 ThorUI项目点个 star吧 GitHub

ThorUI

ThorUI组件库小程序原生版本,该开源版源码为V1.4.2版本,后续更新版本付费会员才可使用(¥150/永久)【线上最新版为V2.0.0】。

点此开通会员

微信小程序 H5二维码 QQ小程序 Android ThorUI示例
微信小程序 H5二维码 QQ小程序 Android App ThorUI示例

网站介绍

https://www.thorui.cn/


ThorUI组件文档

https://thorui.cn/doc/


交流群

QQ群1:745733024

QQ群2:881906325

QQ群3:605135318

QQ群4:928308676

会员群:加入会员可进


更新日志

V2.0.0(2022-10-06)

1.新增 tui-text(文本)组件。

2.新增 tui-form-item(表单项) 组件。

3.tui-charts-radar 雷达图表 组件优化,新增lineBold属性设置线条是否加粗。

4.tui-picker 选择器 组件优化,修复已知问题。

5.修复preview布局在ios16上兼容性问题。

6.tui-input(输入框) 组件优化,修复已知问题,新增min和max属性,当type=number、digit时生效。

7.tui-picture-cropper 图片裁剪组件优化,修复已知问题。

8.tui-slider 滑动选择器 组件优化,修复已知问题。

9.tui-poster(绘制海报)组件优化,修复组件编译到微信小程序生成海报失败的问题。

10.tui-numberbox(数字框)组件优化,新增样式设置,详见文档。

11.tui-textarea (多行输入框) 组件优化,修复设置属性textRight无效的问题。

12.tui-index-list(索引列表)组件优化,修复uniapp版本vue3下数据无法显示问题,此处调整无法向下兼容,请仔细阅读文档做调整。

13.tui-countdown(倒计时)组件优化,可调用endOfTime方法中断倒计时。

14.tui-drag 拖拽排序 组件优化,修复uni-app版组件编译到微信小程序内容宽度显示不正确的问题,修复vue3下H5和app端拖拽报错的问题。

15.新增 登录注册模版01 (付费模版,会员有折扣),详见文档说明。

16.新增 登录注册模版02 (付费模版,会员有折扣),详见文档说明。

17.新增 登录注册模版03 (付费模版,会员有折扣),详见文档说明。

18.新增 登录注册模版04 (付费模版,会员有折扣),详见文档说明。

19.登录注册模版01~04包含以下页面:

1)密码登录页面。

2)验证码登录页面。

3)注册页面。

4)重置密码页面。

5)设置密码页面。

20.新增 生鲜商城模版 (付费模版,会员有折扣),详见文档说明,模版包含以下页面:

1)生鲜商城首页。

2)分类页面。

3)购物车页面。

4)我的 页面。

5)登录页面。

6)注册页面。

7)用户协议页面。

8)搜索页面。

9)搜索列表页面。

10)商品详情页面。

11)用户评价页面。

12)确认订单页面。

13)收货地址页面。

14)添加/编辑地址页面。

15)付款结果页面。

16)我的订单页面。

17)订单详情页面。

18)评价页面。

19)足迹页面。

20)收藏页面。

21)设置页面。

22)个人信息页面。

23)常见问题页面。

24)领券中心页面。

25)优惠券页面。

26)退货退款页面。

27)退款/售后页面。

28)退款详情页面。

29)积分页面。

30)物流信息页面。

31)修改昵称页面。

32)更换头像页面。

33)发票页面。

34)选择地址页面。

35)失效券页面。

36)关于我们页面。

21.优化部分已知问题。

V1.9.0 (2022-05-28)

1.card 卡片组件优化,当header部分内容不传值时可使用默认插槽自定义内容。

2.修复组件使用wxs初始化报错的问题。

3.优化部分组件vue3下兼容问题。

4.商城模板优化,调整vue3下样式出错问题。

5.优化并删除filters使用。

6.tui-countdown 倒计时 组件优化,支持支付宝、百度、QQ、字节小程序。

7.tui-divider 分隔符 组件优化,支持支付宝、百度、QQ、字节小程序。

8.tui-scroll-top 回到顶部 组件优化,支持支付宝、百度、QQ、字节小程序。

9.tui-alert 弹框 组件优化,支持支付宝、百度、QQ、字节小程序。

10.tui-no-data 暂无数据 组件优化,支持支付宝、百度、QQ、字节小程序。

11.tui-toast 提示 组件优化,支持支付宝、百度、QQ、字节小程序。

12.tui-datetime 日期时间选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

13.tui-fab 悬浮按钮 组件优化,支持支付宝、百度、QQ、字节小程序。

14.tui-tabbar 标签栏 组件优化,支持支付宝、百度、QQ、字节小程序。

15.tui-tabs 标签页 组件优化,支持支付宝、百度、QQ、字节小程序。

16.tui-collapse 折叠面板 组件优化,支持支付宝、百度、QQ、字节小程序。

17.tui-upload 图片上传 组件优化,支持支付宝、百度、QQ、字节小程序。

18.tui-skeleton 骨架屏 组件优化,支持支付宝、百度、QQ、字节小程序。

19.tui-calendar 日历 组件优化,支持支付宝、百度、QQ、字节小程序。

20.tui-steps 步骤条 组件优化,支持支付宝、百度、QQ、字节小程序。

21.tui-drawer 抽屉 组件优化,支持支付宝、百度、QQ、字节小程序。

22.tui-swipe-action 滑动菜单 组件优化,支持支付宝、百度、QQ、字节小程序。

23.tui-bottom-navigation 底部导航菜单 组件优化,支持支付宝、百度、QQ、字节小程序。

24.tui-cascade-selection 级联选择 组件优化,支持支付宝、百度、QQ、字节小程序。

25.tui-circular-progress 圆形进度条 组件优化,支持支付宝、百度、QQ、字节小程序。

26.tui-navigation-bar 自定义导航栏 组件优化,支持支付宝、百度、QQ、字节小程序。

27.tui-bubble-popup 气泡弹框 组件优化,支持支付宝、百度、QQ、字节小程序。

28.tui-image-group 图片组合 组件优化,支持支付宝、百度、QQ、字节小程序。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

========================

【ThorUI示例V1.4.0】更新:

1.修复组件使用wxs初始化报错的问题。

2.内嵌ucharts图表,当thorui图表无法满足时推荐使用。

3.tui-gallery 图片预览 组件优化,修复索引显示可能出错的问题。

4.优化部分vue3下兼容问题。

5.tui-label 标签 组件优化,支持支付宝、百度、QQ、字节小程序。

6.tui-picker 选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

7.tui-swiper-dot swiper指示点 组件优化,支持支付宝、百度、QQ、字节小程序。

8.tui-progress 进度条 组件优化,支持支付宝、百度、QQ、字节小程序。

9.tui-index-list 索引列表 组件优化,支持支付宝、百度、QQ、字节小程序。

10。tui-gallery 图片预览 组件优化,支持支付宝、百度、QQ、字节小程序。

11.tui-loading 加载动画 组件优化,支持支付宝、百度、QQ、字节小程序。

12.tui-dialog 对话框 组件优化,支持支付宝、百度、QQ、字节小程序。

13.tui-msg 提示页 组件优化,支持支付宝、百度、QQ、字节小程序。

14.tui-searchbar 搜索栏 组件优化,支持支付宝、百度、QQ、字节小程序。

15.tui-copy-text 长按复制 组件优化,支持支付宝、百度、QQ、字节小程序。

16.tui-tab 标签页 组件优化,支持支付宝、百度、QQ、字节小程序。

17.tui-cubic-bezier 贝塞尔曲线 组件优化,支持支付宝、百度、QQ、字节小程序。

18.tui-drag 拖拽排序 组件优化,支持支付宝、百度、QQ小程序、字节小程序。

19.tui-slide-verify 滑动验证码 组件优化,支持支付宝、百度、QQ、字节小程序。

20.tui-digital-keyboard 数字键盘 组件优化,支持支付宝、百度、QQ、字节小程序。

21.tui-digital-roller 数字滚轮 组件优化,支持支付宝、百度、QQ、字节小程序。

22.tui-timer 计时器 组件优化,支持支付宝、百度、QQ、字节小程序。

23.tui-table 表格 组件优化,支持支付宝小程序。

24.tui-grade 评分 组件优化,支持支付宝、百度、QQ、字节小程序。

25.tui-countdown-verify 验证码倒计时 组件优化,支持支付宝、百度、QQ、字节小程序。

26.tui-slider 滑动选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

27.tui-rotate-verify 旋转图片验证 组件优化,支持支付宝、百度、QQ、字节小程序。

28.tui-scale-horizontal 刻度尺滚动选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

29.tui-scale-vertical 刻度尺滚动选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

30.tui-waterfall 瀑布流 组件优化,支持支付宝、百度、QQ、字节小程序。

31.tui-lazyload-img 图片懒加载 组件优化,支持支付宝、百度、QQ、字节小程序。

32.tui-overflow-hidden 内容超出隐藏 组件优化,支持支付宝、百度、QQ、字节小程序。

33.tui-org-tree 组织架构树 组件优化,支持支付宝、百度、QQ、字节小程序。

34.tui-landscape 压屏窗 组件优化,支持支付宝、百度、QQ、字节小程序。

35.tui-tree-view 树型菜单 组件优化,支持支付宝、百度、QQ、字节小程序。

36.tui-charts-column 柱状图表 组件优化,支持支付宝、百度、QQ、字节小程序。

37.tui-charts-bar 横向柱状图表 组件优化,支持支付宝、百度、QQ、字节小程序。

38.tui-charts-line 折线图表 组件优化,支持支付宝、百度、QQ、字节小程序。

39.tui-charts-pie 饼状图表 组件优化,支持支付宝、百度、QQ、字节小程序。

40.tui-charts-area 面积图表 组件优化,支持支付宝、百度、QQ、字节小程序。

41.tui-charts-funnel 漏斗图表 组件优化,支持支付宝、百度、QQ、字节小程序。

42.tui-charts-scatter 散点图表 组件优化,支持支付宝、百度、QQ、字节小程序。

43.tui-charts-radar 雷达图表 组件优化,支持支付宝、百度、QQ、字节小程序。

44.tui-banner-arc Banner底部圆弧效果 组件优化,支持支付宝、百度、QQ、字节小程序。

45.tui-data-checkbox 数据选择器 组件优化,支持支付宝、百度、QQ、字节小程序。

46、tui-poster 绘制海报 组件优化,支持支付宝、百度、QQ、字节小程序。

=====================

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。点此 开通会员

V1.8.0 (2022-04-22)

1.tui-countdown(倒计时)组件优化,修复已知问题。

2.tui-button(按钮)组件优化,支持支付宝、百度、QQ、字节小程序。

3.tui-tag(标签)组件优化,支持支付宝、百度、QQ、字节小程序。

4.tui-badge(徽章)组件优化,支持支付宝、百度、QQ、字节小程序。

5.tui-list-view(列表)组件优化,支持支付宝、百度、QQ、字节小程序。

6.tui-list-cell(列表Item)组件优化,支持支付宝、百度、QQ、字节小程序。

7.tui-card(卡片)组件优化,支持支付宝、百度、QQ、字节小程序。

8.tui-grid(宫格)组件优化,支持支付宝、百度、QQ、字节小程序。

9.tui-grid-item(宫格Item)组件优化,支持支付宝、百度、QQ、字节小程序。

10.tui-loading(加载中)组件优化,支持支付宝、百度、QQ、字节小程序。

11.tui-loadmore(加载更多)组件优化,支持支付宝、百度、QQ、字节小程序。

12.tui-nomore(没有更多了)组件优化,支持支付宝、百度、QQ、字节小程序。

13.tui-footer(页脚)组件优化,支持支付宝、百度、QQ、字节小程序。

14.tui-tips(消息提示)组件优化,支持支付宝、百度、QQ、字节小程序。

15.tui-sticky(吸顶容器)组件优化,支持支付宝、百度、QQ、字节小程序。

16.tui-keyboard(数字键盘)组件优化,支持支付宝、百度、QQ、字节小程序。

17.tui-keyboard-input(数字键盘输入框)组件优化,支持支付宝、百度、QQ、字节小程序。

18.tui-time-axis(时间轴)组件优化,支持支付宝、百度、QQ、字节小程序。

19.tui-timeaxis-item(时间轴Item)组件优化,支持支付宝、百度、QQ、字节小程序。

20.tui-top-dropdown(顶部弹出层)组件优化,支持支付宝、百度、QQ、字节小程序。

21.tui-bottom-popup(底部弹出层)组件优化,支持支付宝、百度、QQ、字节小程序。

22.tui-dropdown-list(下拉列表)组件优化,支持支付宝、百度、QQ、字节小程序。

23.tui-actionsheet(操作菜单)组件优化,支持支付宝、百度、QQ、字节小程序。

24.tui-numberbox(数字框)组件优化,支持支付宝、百度、QQ、字节小程序。

25.tui-rate(评分)组件优化,支持支付宝、百度、QQ、字节小程序。

26.tui-modal(弹框)组件优化,支持支付宝、百度、QQ、字节小程序。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

========================

【ThorUI示例V1.3.0】更新:

1.新增 tui-banner-arc(banner底部圆弧效果)组件。

2.新增 tui-data-checkbox(数据选择器)组件。

3.新增 tui-charts-area(面积图表-css版)组件。

4.新增 tui-charts-funnel(漏斗图表-css版)组件。

5.新增 tui-charts-scatter(散点图表-css版)组件。

6.新增 tui-charts-radar(雷达图表-css版)组件。

7.新增 tui-poster(绘制海报)组件,配置数据绘制海报。

8.小程序端 tui-input(输入框) 组件优化,修复已知问题。

9.tui-tab(标签页)组件优化,修复已知问题。

10.其他已知问题优化。

=====================

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。点此 开通会员

V1.7.2 (2022-02-25)

1.tui-time-axis(时间轴)组件优化,新增属性来设置节点层级。

2.tui-steps(步骤条)组件优化,字体图标支持设置字体大小。

3.tui-datetime(日期时间选择器)组件优化,新增属性 maskClosable 来设置是否可点击遮罩关闭选择器。

4.tui-datetime(日期时间选择器)组件优化,优化微信小程序端快速滚动点击确定按钮时数据未更新的问题。

5.tui-datetime (日期时间选择器)组件优化,可设置标题。

6.优化tui-numberbox组件,修复数据类型问题。

7.优化tui-tabs(标签页)组件,可控制底部滑块是否显示。

8.微信小程序tui-tabbar(标签栏)组件优化,修复页面路径传值错误的问题。

9.tui-calendar(日历)组件优化,选择日期时显示标题内容可配置。

10.tui-cascade-selection(级联选择器) 默认选中优化,当一次性传入所有数据时默认选项传值可为字符串数组,如:['安徽省','阜阳市','颍上县']。

11.tui-skeleton(骨架屏)组件优化,加入背景动画效果。

12.tui-upload(上传组件优化),新增属性控制删除图片时是否弹框确认。

13.已知问题优化。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

========================

【ThorUI示例V1.2.2】更新:

1.tui-index-list(索引列表)组件优化,修复App端右侧索引随页面滚动的bug。

2.tui-textarea (多行输入框) 组件优化,修复初始化赋值时计数错误问题。

3.tui-picker(选择器)组件优化,优化微信小程序端快速滚动点击确定按钮时数据未更新的问题。

4.tui-utils.js(工具库)优化,优化日期格式化方法,新增isMs(时间戳精度是否为毫秒)参数。(当 type=2 精度为秒时,参数isMs需要传入false)

5.tui-picker(选择器)组件优化,新增属性 maskClosable 来设置是否可点击遮罩关闭选择器。

6.新增 tui-week-date(周日期选择)组件。

7.新增 tui-vcode(验证码)组件。

8.新增 tui-divide-list(分隔列表组件)。

9.新增 tui-select(选择框)组件。

10.新增 tui-amount-inwords(数字金额转大写)组件。

11.已知问题优化。

=====================

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。点此 开通会员

V1.7.1 (2021-10-01)

1.微信小程序版wx:key赋值优化,去除警告。

2.tui-icon(图标组件优化),修复同时引入组件和样式文件冲突的问题。

3.tui-calendar(日历)组件优化,选择区间时需选择起始和结束日期才可点击确定按钮。

4.微信小程序版本索引列表(吸顶效果)页面优化,修复索引和吸顶索引不一致的问题。

5.tui-numberbox(数字框)组件优化,当步长step为整数时,value支持传入小数。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

========================

【ThorUI示例V1.2.1】更新:

1.tui-searchbar(搜索栏)组件优化,新增属性showLabel、showInput用于控制是否显示占位标签和输入框。

2.tui-rotate-verify (旋转图片验证) 组件优化,新增type类型,当type=2时,返回旋转角度,可传给后端进行验证。

3.tui-input(输入框)、tui-textarea (多行输入框)组件优化,修复v-model赋值Number类型值报错的问题。

4.tui-waterfall(瀑布流)组件优化,修复已知问题。

5.微信小程序版本 tui-table(表格)组件优化,修复数字或英文内容换行显示不正确问题。

6.其他已知问题优化。

=====================

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。点此 开通会员

V1.7.0(2021-09-18)

1.修复tui-bottom-navigation(底部导航菜单)组件编译到小程序点击二级菜单报错的问题。

2.tui-datetime(日期时间选择器)组件优化,可以自定义设置滚动区域高度。

3.tui-datetime(日期时间选择器)组件优化,新增类型type=8,即选择:时分秒+小时。

4.tui-cascade-selection(级联选择器)组件优化,修复编译到小程序端索引错乱问题。

5.uni-app端所有 commonJS 改为 ES6 模块规范,详见文档升级指南。

6.组件兼容vue3调整优化,支持情况与uni-app同步。

7.tui-icon(字体图标组件优化),删除以前播放(play)图标,新增播放(play)、暂停(suspend)图标;删除以前不可见(unseen)图标,新增可见(seen),不可见(unseen)图标。

8.tui-icon(字体图标组件优化),uni-app版新增支持包含App-Nvue、支付宝/百度/字节/QQ小程序。

9.微信小程序原生版组件属性类型调整,修复高版本调试基础库出现警告提示。

10.tui-swipe-action(滑动菜单)组件优化,修复已知问题。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

=====================

【ThorUI示例V1.2.0】更新:

1.tui-picker(选择器)组件新增暗黑模式示例。

2.tui-charts-pie(饼状图表-css版)组件优化,修复部分场景可能导致样式错乱的问题。

3.tui-charts-line(折线图表-css版)组件优化,修复部分Android手机显示空白问题。

4.图表组件(所有)优化,修复其它已知问题。

5.tui-form(表单验证)组件优化,部分平台不支持在props中嵌套传入Function函数,model和rules参数由props传入改为校验方法validate中传入。

6.tui-slider(滑动选择器)组件优化,修复已知问题。

7.tui-timer(计时器)组件优化,修复冒号换成文字时显示错误的问题。

8.uni-app端所有 commonJS 改为 ES6 模块规范,详见文档升级指南。

9.组件兼容vue3调整优化,支持情况与uni-app同步。

10.tui-progress(进度条)组件优化。

11.tui-checkbox(多项选择器)组件优化,修复v-model手动修改值视图不更新的问题。

12.tui-radio(单项选择器)组件优化,修复v-model手动修改值视图不更新的问题。

13.微信小程序原生版组件属性类型调整,修复高版本调试基础库出现警告提示。

14.tui-tab(标签页)组件优化,支持设置左右间距,需传入属性leftGap(距离左侧间隙)值。

15.tui-row/tui-col(栅格布局)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

16.tui-form-button(按钮)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

17.tui-popup(弹层动画)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

18.tui-input(输入框) 组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

19.tui-radio(单项选择器)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

20.tui-checkbox(多项选择器)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

21.tui-switch(开关选择器)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

22.tui-textarea(多行输入框)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

23.tui-alerts(警告提示)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

24.新增 tui-status-bar(状态栏)组件。

25.tui-pagination(分页器)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

26.tui-segmented-control(分段器)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

27.tui-notice-bar(通告栏)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

28.tui-form(表单验证)组件优化,uni-app版新增支持App-Nvue、支付宝/百度/字节/QQ小程序。

29.其他已知问题优化。

=====================

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。点此 开通会员

V1.6.5(2021-05-28)

1.tui-validation(表单验证)优化,新增validator自定义验证配置项,具体查看文档。

2.tui-round-progress(圆形进度条)组件优化,修复已知问题。

3.tui-cascade-selection(级联选择器)组件优化,修复已知问题。

4.tui-tabs(标签页)组件优化,选项卡可设置数字角标。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

=====================

【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(分页器)组件。

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。

注:会员专用内容加入会员才可使用,点此 开通会员

部分功能截图

V1.6.2 (2021-03-21)

1.tui-actionsheet(操作菜单)组件优化,点击事件返回参数中新增按钮obj对象数据。

2.tui-upload(图片上传)组件优化,可设置展示图片的宽高。

3.圆形进度条组件优化,修复已知问题。

4.tui-validation.js(表单验证)优化,具体查看文档。

5.tui-numberbox(数字框组件优化),修复已知问题。

6.修复productNvue页,回到顶部在android端失效的问题。

扫码体验[ThorUI组件库]小程序

ThorUI组件库

=====================

【ThorUI示例V1.0.2】更新:

1.ThorUI示例个人中心内容对会员开放(个人中心、分享、会员介绍、版本介绍、开源地址、帮助中心等)。

2.tui-timer(计时器)组件优化,可设置初始时间。

3.tui-poster.js(生成海报)优化,修复已知问题,保存图片到本地相册时新增相册权限判断。

4.新增tui-scale(刻度尺滚动选择器)组件。

5.新增tui-waterfall(瀑布流)组件。

6.新增tui-lazyload-img(图片懒加载)组件。

7.新增tui-overflow-hidden(内容超出隐藏)组件。

8.新增tui-org-tree(组织架构树)组件。

扫码体验[ThorUI示例]小程序

ThorUI示例

=====================

其中【ThorUI示例】项目只对会员开放。

注:会员专用内容加入会员才可使用,点此 开通会员

部分功能截图

V1.6.1 (2021-01-19)

【ThorUI组件库V1.6.1】更新:

1.商城模板更新:

1)商城模板拆分成单独模板项目。

2)个人中心,新增未登录状态。

3)个人信息页面操作优化。

4)编辑地址页面优化,新增省市区城市选择。

5)新增我的钱包页面。

6)新增充值确认页面。

7)新增我的银行卡页面。

8)新增交易记录页面。

9)商品详情页分享优化,新增生成分享海报。

2.优化滑动菜单组件多个触摸点滑动问题。

3.消息提示组件(tui-tips)优化,支持自定义背景色,字体颜色以及字体大小,参数type废弃。

4.圆形进度条组件优化,修复activeMode=forwards(动画从上次结束点接着播)时且上次进度大于当前进度时进度条不刷新bug。

5.优化日历组件(tui-calendar)滚动穿透问题。

6.优化顶部选项卡示例左右切换过快出现闪动的问题,优化下拉刷新出现动画不关闭的问题。

7.上传图片组件(tui-upload)优化,新增一键上传方法uploadAllImage(当属性serverUrl传空时,父级可调用该方法一次性上传所有图片)。

8.新增富文本渲染示例。

=====================

【ThorUI示例V1.0.1】更新:

1.数字滚轮组件(tui-digital-roller)优化,支持数字中带逗号(,)。

2.拖拽排序组件(tui-drag)优化,修复编译到小程序端不执行change和sortend事件的bug。

3.新增grade评分组件,支持滑动半星。

4.新增图片裁剪组件(tui-cropper),裁剪框可显示为圆形。

5.新增短信验证码倒计时组件。

6.新增滑动选择器组件,支持区间选择。

7.新增旋转图片验证组件。

8.新增付费成品入口。

=====================

其中【ThorUI示例】项目组件,以及商城模板只对会员开放。

注:会员专用内容加入会员才可使用,点此 开通会员

部分功能截图

V1.6.0 (2020-11-15)

【ThorUI组件库V1.6.0】更新:

1.tui-fab悬浮按钮组件优化,默认按钮支持自定内容,替换自带加号。

2.修复裁剪组件在小程序端设置isBase64为true时裁剪出错的问题。

3.tui-drawer抽屉组件优化,支持left,right,bottom,top方向弹出,可自定义背景色。

4.倒计时组件优化,新增毫秒展示。

5.时间选择器优化,支持header,body等部分背景色修改。

6.宫格组件优化,可去掉宫格边框线条。

7.修复地图周边兴趣点在H5端出错的问题。

8.新增[ThorUI示例]入口。

=====================

【ThorUI示例V1.0.0】更新:

1.新增scroll-view常用布局案例。

2.新增swiper指示点组件及使用案例。

3.新增长形进度条组件以及使用案例。

4.新增checkbox常用布局案例。

5.新增input常用布局案例。

6.新增radio常用布局案例。

7.新增地图选点示例。

8.地图周边兴趣点布局调整以及可分页加载数据。

9.新增生成海报示例。

10.新增类似微信联系人索引列表组件以及示例。

11.新增左滑菜单组件 wxs实现。

12.新增图片预览组件。

13.新增loading样式。 14.新增panel布局案例。

15.新增preview布局案例。

16.新增表单常用布局案例。

17.新增dialog组件以及使用案例。

18.新增msg组件以及使用案例。

19.新增搜索searchbar组件。

20.新增表单按钮组件,可自定义背景色。

21.新增长按复制组件,长按弹出菜单。

22.新增贝赛尔曲线组件,加入购物车效果等。

23.新增tab标签页组件,可超出一屏。

24.新增图片裁剪组件(App端使用组件,使用5+ api裁剪)。

25.新增拖拽排序组件以及使用案例。

26.新增滑动验证码组件以及使用案例。

27.新增类似微信数字键盘组件以及使用案例。

28.新增工具库(常用数据处理)。

29.新增popup弹层动画组件。

30.新增计时器组件以及使用案例。

31.新增table表格组件以及使用案例。

32.新增多端适配组件,以及使用案例。

33.新增咖啡点单模板预览入口。

34.新增签到模板预览入口。

35.新增个人中心页面(内部页面,不对外开放),包含分享,会员介绍,版本介绍,开源地址,帮助中心,反馈建议,我要合作,福利专享等页面。

扫码体验小程序

ThorUI示例

=====================

【ThorUI示例】项目只对会员开放。

注:会员专用内容加入会员才可使用(¥150/永久),付费模板会员可享受折扣。 如若需要,请联系QQ:3168647172 或 3039218619。

部分功能截图


V1.5.8(2020-09-01)

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。


注:会员专用内容加入会员才可使用(¥150/永久),付费模板会员可享受折扣。

如若需要,请联系QQ:3168647172 或 3039218619。

部分功能截图


V1.5.6(2020-08-18)

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

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

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


注:加入会员享受更多权益(¥150/永久)。

如若需要,请联系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).商品详情优化,新增视频播放入口


注:会员专用内容加入会员才可使用(¥150/永久)。

如若需要,请联系QQ:3168647172 或 3039218619。

部分功能截图

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.新增多语言模板。

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

10.新增签到模板(会员点star获取源码)。获取步骤如下:

1)去GitHub给ThorUI项目点star,项目地址分别为:ThorUIThorUI-uniapp

2)加QQ3039218619,截图发送到该QQ即可获取源码(仅会员可参加)。


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

部分功能截图

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版本进行开源,小程序原生版付费会员才可使用(¥150/永久),1.4.2版本之前不受影响。 如若需要,请联系QQ:3168647172。

部分功能截图

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.整体优化调整,项目重构,部分模板完善。

部分功能截图

V1.4.2

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

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

3.tabs组件优化

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

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

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

功能截图

V1.4.1

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

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

3.新增网络请求示例。

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

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

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

功能截图

V1.4.0

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

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

3.新增悬浮按钮组件。

4.新增Tabbar组件。

5.新增tabs标签页组件。

6.新增折叠面板组件。

7.新增图片上传组件。

8.NumberBox组件优化调整。

9.Modal组件优化调整。

10.sticky组件优化调整。

11.countdown组件优化调整。

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

13.修改已知bug。

功能截图

V1.3.2

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

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

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

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

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

功能截图

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修复,以及部分功能优化

商城模板部分截图

商城首页

新闻模板部分截图

聊天模板截图

组件功能部分截图

消息提示 吸顶容器 数字键盘 锁频键盘 时间轴
消息滚动 弹层,下拉选择 抽奖转盘 抽屉 滑动菜单
二维码生成 地图-拖拽定位 地图-周边地点 基础组件 索引列表-城市选择
索引列表 顶部选项卡 rate评分 数字输入框

赞赏

image