uniapp 移动端 UI 组件库

ccwgpt 2025-04-23 22:29 29 浏览 0 评论

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/

相关推荐