Thor UI 介绍

 

Thor UI 是一款开发移动端网页应用、小程序的前端 UI 组件库,uni-app 版本还可以编译成为安卓/ iOS APP 应用,特点是轻量、简洁,组件覆盖比较全面,使开发更高效。

ThorUI 官网

ThorUI 官网

技术特性

 

  • 提供近百个高质量前端 UI 组件,美观优雅,体验成熟,覆盖移动端大部分业务场景
  • 默认支持编译发布到 APP 端 (iOS 和 Android)、H5、微信小程序、QQ小程序
  • 支持使用新的技术,兼容 Vue 3
  • 内置一套同样简洁漂亮的图标库,数量也很多
  • 支持按需引入,减少应用打包体积
  • 上手容易,官方提供用于学习的模板和示例工程

开发上手体验和使用建议

 

自从微信推出了小程序,用完即走、简洁轻量的理念被用户接受以后,很多厂子也同步推出了自家的小程序,小程序开发也成为前端开发者必须掌握的技能了。

如今想到要开发小程序,一般都会用到 uni-app,这款号称写一次代码,同时发布到各家小程序甚至是 APP 端的国产开发工具。我也在用 uni-app,开发效率、体验的确有提高,特别是做小程序,很方便。但前些年生态还不够好,导致很多业务组件只能自己写,而现在随着发展,很多组件库已经适配 uni-app 了,今天介绍的这款移动 UI 组件库 Thor UI,就是一款支持 uni-app 的组件库。

ThorUI 开发的商城

ThorUI 开发的商城

Thor UI 有原生小程序版本和 uni-app 版本,原生版本的使用比较常规,下面主要说说 uni-app 版本的使用。

Thor UI 在 uni-app 插件市场可以一键导入 HBuilderX (uni-app 自家的开发IDE),可以快速创建工程,组件直接引入:

<script>
import tuiButton from "@/components/thorui/tui-button/tui-button"
export default {      components: {
tuiButton
},      data() {         return {
}
},      methods: {
}
}
</script>

但一般会开启 easycom 组件模式,这是 uni-app 中的一种无需声明自动引入组件的方式,支持自动树摇优化,很香。

Thor UI 提供了近百个常用的组件,组件介绍的右边还能直观地体验组件的交互,使得理解简单,同时文档篇幅的很短很简洁,开发体验相对较好。

ThorUI 文档

ThorUI 文档

如果要发布到 APP 端,需要注意的是 uni-app 编译有两种方式,

  • 基于 web view 的 app-vue 模式,开发模式和常规的 vue 开发网页应用没有太大区别,复杂布局性能不够好
  • 基于 weex 的 app-nvue,有点类似 react-native,是把代码编译成原生的代码来完成布局,性能很好,但语法和规范有限制

Thor UI 的基础组件都支持 app-vue ,目前只有小部分支持 app-nvue。开发者可根据自己的需要选择,但一般来说,app-vue 的方式开发起来效率更高,性能表现有问题的页面在用 app-nvue ,这也是 uni-app 官方推荐的方式。

总的来说,Thor UI 是一款足够优秀的移动 UI 组件库,把大量常用、美观的 UI 组件适配到了 uni-app,让开发者可以把代码编译到多个平台发布,让我们开发者多了一种选择,也更快做出优质的产品,推荐大家体验和使用。

如果还是想用原生小程序的模式开发,可以看看之前推荐过京东的 Taro 和滴滴的 Chameleon。

免费商用和开源说明

 

Thor UI 基础组件基于 MIT 开源协议开放源码,使用也完全免费,并且可以商用。但主要注意的是,优化版的 Thor UI 示例中的组件,需要付费会员才能使用和商用。这部分官方有明确的描述:

官方商用许可说明

官方商用许可说明

如何区分哪些是基础组件?

在官网的文档目录中,位于上方的组件 ThorUI组件库 就是基础组件库,数量也很多,足够我们使用了。而往下的 ThorUI示例(会员组件)下的组件,就是会员才能商用。基础免费,高级付费也算合理的模式,至少对 Thor UI 的长久发展和维护提供了保障。

 

本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。

最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。 若排除这种情况,可在对应资源底部留言,或联络我们。

对于会员专享、整站源码、程序插件、网站模板、网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。

如果您已经成功付款但是网站没有弹出成功提示,请联系站长提供付款信息为您处理

源码素材属于虚拟商品,具有可复制性,可传播性,一旦授予,不接受任何形式的退款、换货要求。请您在购买获取之前确认好 是您所需要的资源