uniapp 移动端 UI 组件库

boyanx2个月前技术教程9

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 插件

相关文章

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

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

基于 Vue3 开箱即用的中后台管理系统框架

Naive UI Admin 是一个现代化的中台前端框架,它通过提供最新的技术栈、高效的开发工具、丰富的组件封装和完善的权限管理,帮助开发者快速构建和定制中台管理系统。技术栈:Vue3 + Vite...

用啥 selenium!JS逆向不香吗?

正所谓条条道路通罗马,上次我们使用了Selenium自动化工具来爬取网易云的音乐评论,Selenium自动化工具可以驱动浏览器执行特定的动作,获得浏览器当前呈现的页面的源代码,做到可见即可爬,但需要...

用编程的方式生成创建视频

Remotion 是一个基于 React 的开源库,用于以编程方式创建真实的视频文件(如 MP4、WebM 等)。它允许开发者利用 React 的组件化和声明式语法来构建视频内容,同时支持服务器端渲染...

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

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

Pxmu.js - 免费开源的移动端消息提示插件,轻量无依赖

一个简单的 js 提示插件,使用简单,也很小。关于 Pxmu.jsPxmu.js 是一款由七如团队开发的 web 消息提示框插件,特点是轻量无依赖,整个插件只有一个 js 文件,支持常用的消息提示功能...

发表评论    

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