uniapp 移动端 UI 组件库

boyanx4个月前技术教程15

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。旨在通过简洁的界面和强大的功能,为...

15 款开发者必备的 JavaScript 工具

可以说 JavaScript 在 Web 开发领域统治着世界。根据 GitHub,它是世界上最流行的编程语言。根据最新报告,超过97% 的网站在客户端使用 JavaScript。有超过 1500 万软...

蚂蚁金服开源 移动端 UI 组件库

Ant Design Mobile 是一个功能丰富、稳定可靠的移动端 UI 组件库,适用于使用 React 技术栈的移动端应用开发,包含布局、导航、信息展示、录入、反馈、引导提示等 70+ 组件,由蚂...

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

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

源泉设计,抖音上最火的CAD插件,速度安装,一起来体验

源泉设计,也叫 源泉建筑与装饰设计CAD工具箱,它是专门针对建筑设计、装饰设计及相关专业的辅助绘图软件,它着力于为用户打造了一个简单、易用、快捷的CAD制图环境。 源泉建筑插件是一款非常实用的cad...

esbuild:一款快 10-100 倍的 JS 打包 / 压缩工具

为什么又造个轮子?为什么又要构建一个 JavaScript 构建工具呢?因为当前用于 Web 的构建工具比用户期望的性能至少慢一个数量级。我希望这个项目可以作为一种“存在证明”,证明我们的 JavaS...

发表评论    

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