编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

uniapp 移动端 UI 组件库(uniapp自定义组件模式)

wxchong 2025-04-01 23:35:41 开源技术 16 ℃ 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/

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表