2024年最好用的 uniapp UI框架 - lninl-ui
🔥 介绍
一个基于 Vue 3 & UnoCSS，兼容 TDesign 的 uni-app UI开发框架。
🪄 特性
兼容 TDesign - 大厂设计(Figma or Sketch)，API 规范，功能完善，基于 uni-app， 支持平台广
UnoCSS - 高效、简洁的原子化 CSS 引擎
- 🧩 JavaScript - 回归简单、高效
Vue 3 -
<script setup>语法- 🌓 DarkMode & iOS安全区域适配 - 暗黑模式、iOS安全区域适配等支持
- 🌐 uni-app 国际化 & Vue I18n - 全方位国际化方案，编辑器也支持
- 📦 pnpm & Vite - 快速灵活构建
- ⚙️ @antfu/eslint-config - 深度结合 uni-app，多文件类型的格式支持，import、UnoCSS 自动排序，增强编码一致性，大神同款代码修复保证代码质量
- 🌱 simple-git-hooks & lint-staged & commitlint - 自动配置、规范代码提交质量
- 🏅 vscode - 深度集成、保存即可格式化、代码质量检查
🔨 功能介绍
哈哈哈，你是不是被标题吸引进来了？别着急划走。目前框架只完成了5%的移植，我用Vue3和unocss打了个基础，立志成为2024年最好用的uniapp UI框架！
为何开发此框架？ 无非就是希望做一些酷的事情！ 其实真实的原因是需求没有被满足啦。我自己调研和使用了市面上很多的移动端开源框架，发现要么不酷，要么不能满足需求。 比如，uniapp插件市场上比较火的“uView 2.0”，这个非常好了，我自己的很多项目都用它来开发。只是目前2024年了，这框架还不支持vue3，这就有些……或许你会说，不是还有uview-plus 和 uv-ui吗？这些都支持Vue3呀。是的，这些都支持vue3，而且作者也很活跃，随时都在完善功能，大伙可以放心食用的。
但是，（但是来了）有一些功能不能满足需求呀。
就拿TabBar来说，我想通过一些简单的配置，就能实现下面的样式，uView这个做不到呀。
究其原因，是因为uView的API文档限制了。你说，API文档限制，你自己不能补充一些参数或者功能吗？循着这个思路，我自己也是在uView的基础上，添加一些参数来实现上面的样式和功能，继续完善uView的功能。lninl-ui的第一个版本（v0.0.1）就是这么搞的。但随着开发的深入，感觉不太对劲，有种拆东墙补西墙的味道。究其原因，本质上这是一个设计的问题，不是代码实现的问题。所遇到的问题的多少，决定了一个框架设计的好坏。
那哪些公司遇到的问题最多？自然是各大厂了。于是我研究了各大厂的移动端开发框架，有阿里系的Ant Design Mobile、头条系的Arco Design Mobile和腾讯系的TDesign …… 我发现他们各有各的好，比如Ant Design Mobile 和 Arco Design Mobile，文档简捷、不啰嗦，但（又来但是了）可配置性少。那TDesign呢？第一感觉是中规中矩，四平八稳。
于是我有自己去设计一个框架的想法。但又回到那个点——如果我自己去设计框架的API，我遇到的各种情况会比他们多吗？我设计的API文档会比他们好嘛？我的回答是不会（至少几年内不会）。
不停的问自己，我想要的是什么？我想要的是一个功能相对完整的、可跨平台的、酷一些的UI开发框架。至少Vue3要支持吧？<script setup>支持吧？目前比较酷的技术还有哪些？听说原子css很火？unocss支持吧？那要用哪个API呢？灵活性高，配置项多的是哪个？自然是TDesign了（至少目前先做兼容） …… 种种这些因素结合在一起，于是有了 lninl-ui —— “一个基于 Vue 3 & UnoCSS，兼容 TDesign 的 uni-app UI开发框架。”
发此贴的目的，是为了召集大伙，想让大伙一起和我完善这个UI框架，很多很酷炫的功能，因为你的加入，而使得这个世界更加美好。欢迎大家的加入（最下方有联系信息）！
目前只完成的组件：
- Badge 徽标 - 用于告知用户，该区域的状态变化或者待处理任务的数量。（2024-03-05发布）
- Icon 图标 - Icon 作为UI构成中重要的元素，一定程度上影响UI界面整体呈现出的风格。（2024-03-05发布）
- TabBar 标签栏 - 用于在不同功能模块之间进行快速切换，位于页面底部。（2024-03-05发布）
- Loading 加载 - 用于表示页面或操作的加载状态，给予用户反馈的同时减缓等待的焦虑感，由一个或一组反馈动效组成。（2024-03-28发布）
- Button 按钮 - 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。（2024-04-08发布）
- Search 搜索框 - 用于用户输入搜索信息，并进行页面内容搜索。（2024-04-10发布）
- Input 输入框 - 用于文本信息输入。（2024-04-19发布）
- Textarea 多行文本框 - 用于多行文本信息输入。（2024-04-22发布）
- Radio 单选框 - 用于在预设的一组选项中执行单项选择，并呈现选择结果。（2024-05-01发布）
2024年5月5日
进行中的组件：
- Checkbox 多选框 - 用于预设的一组选项中执行多项选择，并呈现选择结果。（开发中）
下一阶段开发的组件：
- Form 表单 - 按钮用于开启一个闭环的操作任务，如“删除”对象、“购买”商品等。
- Upload 上传 - 用于相册读取或拉起拍照的图片上传功能。
- Cascader 级联选择器 - 用于多层级数据选择，主要为树形结构，可展示更多的数据。
- Swiper 轮播 - 用于循环轮播一组图片或内容，也可以滑动进行切换，轮播动效时间可以设置。
- 其他组件
💬 交流反馈
欢迎加入——
QQ群号：195822307 点此加入
或 微信群：
