uniapp 移动端 UI 组件库

boyanx8个月前技术教程27

ThorUI 是一个轻量、简洁、且全面的移动端 UI 组件库,包含 uniapp 版本和原生微信小程序版本,uniapp 版本支持 nvue 编译模式、easycom 组件模式,并支持编译到 IOS、Android、H5、微信小程序、QQ 小程序、支付宝小程序、百度小程序、头条小程序。

部分组件预览:

组件使用:

1. 手动引入

import tuiButton from "@/components/thorui/tui-button/tui-button.vue"

2. easycom 组件模式

"easycom": {
  "autoscan": true,
  "custom": {
    "tui-(.*)": "@/components/thorui/tui-$1/tui-$1.vue"
  }
}

微信小程序 app.json 中引入

{
  "usingComponents": {
    "tui-button": "/components/thorui/tui-button/tui-button"
  }
}

ThorUI 提供全局主题样式配置功能。

功能和特性:

灵活定制:通过插槽,开发者可以在组件的预定位置插入自定义的内容或子组件,从而实现对组件的深度定制。

简洁至上:ThorUI 坚持简洁至上原则,这意味着在设计和实现组件时,力求简单直观,避免不必要的复杂性。

长期维护:ThorUI 承诺会进行长期的维护和更新,持续关注技术发展和用户反馈,不断迭代和改进组件库。

多端支持:支持微信、QQ、支付宝、百度小程序以及 H5、移动 APP。


《前端资源推荐》收集各种前端组件 UI 框架、JS 插件工具、中后台系统模板、动画库、低代码、可视化资源、开源项目、学习资源、特效源码等,如有其他优秀资源,欢迎发消息投稿,感谢点赞、转发、关注!!!

GitHub:https://github.com/dingyong0214/ThorUI-uniapp

官方文档:https://thorui.cn/doc/

标签: js 插件

相关文章

DeepSeek AI 全栈 Web 应用 包含用户端管理端

HiveChat 是一个专为中小团队设计的 AI 智能聊天对话应用,支持多种主流的 AI 模型,如 Deepseek、Open AI、Claude 和 Gemini。旨在通过简洁的界面和强大的功能,为...

USB2JFFS,一个让Merlin梅林固件有更多可能的插件

写在前面嗷呜,由于之前写过两篇Easepi和易有云的使用体验,这次被小宝大神邀请使用Merlin梅林固件写体验啦,第一次跟大神距离这么近(简直受宠若惊~),感觉我离成为一枚优质学渣也不太远了~~折腾软...

极具创意的动画组件集合

React Bits 是一个精选的动画组件集合,专为创意开发者设计。它提供了丰富的动画组件,帮助开发者在 React 项目中快速实现各种炫酷的 UI 效果。React Bits 完全免费,并且易于使用...

基于 Vue3 的网页版 PPT 演示文稿

PPTist,一个基于 Vue3 的在线演示文稿PPT应用插件,支持文字、图形、图表、表格、公式、音视频等多种类型元素的添加,可以在浏览器中进行导入、编辑、演示、导出PPT等操作,提供多个右键菜单、快...

开源流程图 思维导图 信息工程图 室内平面图等多种类型绘图工具

drawio 是一个功能强大的图形绘图工具,开源免费,支持开发者在线部署、还可以安装到 Windows、Mac 操作系统中进行离线使用,它允许用户创建和编辑图表、流程图、思维导图、UML 图、网络图、...

开源 可扩展 富文本编辑器框架

Lexical 是由 Facebook 开发的一个可扩展的文本编辑器框架,专注于提供卓越的可靠性、可访问性和性能。Lexical 通过其高度可扩展的架构,丰富的插件体系和简洁的 API 设计,帮助开发...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。