评论

Thor UI组件库,小程序代码片段分享

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

商城模板部分截图

新闻模板部分截图

聊天模板截图

组件功能部分截图

最后一次编辑于  2021-06-01  
点赞 20
收藏
评论

35 个评论

  • JiYing
    JiYing
    2022-11-07

    收费的 没用 不推荐

    2022-11-07
    赞同 2
    回复
  • echo.
    echo.
    2019-10-24

    最新版本请关注以下链接,以后不再维护此贴。

    组件文档地址:
    http://www.donarui.com/
    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.4.0日志:

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

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

    3.新增悬浮按钮组件。

    4.新增Tabbar组件。

    5.新增tabs标签页组件。

     6.新增折叠面板组件。

    7.新增图片上传组件。

    8.NumberBox组件优化调整。

    9.Modal组件优化调整。

     10.sticky组件优化调整。

     11.countdown组件优化调整。

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

    2019-10-24
    赞同 1
    回复
  • 陈式坚
    陈式坚
    2019-06-17

    ... 这么丑也能算UI库,我有理由怀疑刷广告,还是那句组件库就是组件库,UI库前提你得有个UI(设计师)阿...


    不过,作为开发论坛基本应该都是程序员,上面这句可忽略~

    2019-06-17
    赞同 1
    回复 9
    • 王尼玛
      王尼玛
      2019-06-17

      键盘敲敲谁不会,蠢逼

      2019-06-17
      1
      回复
    • echo.
      echo.
      2019-06-17

      我真的有ui设计师

      2019-06-17
      3
      回复
    • 陈式坚
      陈式坚
      2019-06-17回复王尼玛

      虽然没必要回你,不过刚好再补充一下我的观点和原因


      我杠的是

      1. 现在什么都敢说自己的是UI库,不能想想为什么每天那么多UI库有哪些能做到类似ant weui这类的高度?

      2. UI库这个词对于程序员来说可能不算什么,但是在设计师眼里真的很尬,类似于程序员自己说自己做了一个框架出来?

      3. UI库应该是 UI + 组件库,而不是纯粹换个颜色的组件库就等于UI库


      所以原因在于作为设计师很看不惯什么都敢叫UI库,这点没毛病吧?


      这些也是我体验过这套组件库后才写下的。


      关于其他方面,我可以再声明

      1. 作为组件库,我没有意见

      2. 作为自己的作品然后分享这事我没意见,而且我很支持,因为一般写组件库的都是年轻人,对自己成长有很大帮助

      2019-06-17
      3
      回复
    • 陈式坚
      陈式坚
      2019-06-17回复echo.

      感到很意外... 推测应该是没有经验的年轻人


      随便举例最基础例子的话,一般来说字体应该不会设置那么小,这一点可以参考一下其他UI库,或者线上真实的场景


      2019-06-17
      1
      回复
    • echo.
      echo.
      2019-06-17回复陈式坚

      感谢提出意见

      2019-06-17
      3
      回复
    查看更多(4)
  • 阿旺
    阿旺
    2019-06-17

    很棒。

    2019-06-17
    赞同 1
    回复
  • ㅤㅤㅤKane·Burger
    ㅤㅤㅤKane·Burger
    2022-04-23

    input数据怎么获取啊看不到官网

    2022-04-23
    赞同
    回复
  • No longer meet
    No longer meet
    2021-11-04

    收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的收费的

    浪费我3小时,还在研究,收费就说收费

    2021-11-04
    赞同
    回复
  • echo.
    echo.
    2021-06-01

    新增ThorUI示例小程序,扫码可体验

    2021-06-01
    赞同
    回复
  • MADAO
    MADAO
    2020-09-20

    在哪下载商城小程序

    2020-09-20
    赞同
    回复
  • MADAO
    MADAO
    2020-09-20

    在哪下载商城小程序

    2020-09-20
    赞同
    回复
  • MADAO
    MADAO
    2020-09-20

    在哪下载商城小程序

    2020-09-20
    赞同
    回复

正在加载...

登录 后发表内容