fyui · Free UI Kit · 免费组件库
fyui —— 与官网同一套设计语言的 uni-app 组件库
免费 uni-app UI 组件库，背后是上百款插件研发沉淀、30 款在架直营的同一支团队。uni_modules 规范 + easycom 自动导入，组件前缀 fy-，广告解锁下载。
即将上架 DCloud 插件市场免费 · 广告解锁下载成品 42 件 · 持续迭代中
电脑端 · 组件总览
手机端 · 真机手感
Components · 组件清单
42 件成品，逐件上手试
左边挑组件，右边电脑手机双端同步换 demo；文档由组件源码文件头自动抽取，与代码同源不手编。
fyui 基础按钮，视觉对齐 FY Design Tokens（01-design/tokens/fy-tokens.css，rpx = token px × 2）
props · 属性
| 名称 | 说明 |
|---|---|
type | 类型：primary 主按钮 / soft 浅紫底 / outline 描边 / ghost 幽灵 / danger 危险（默认 primary） |
size | 尺寸：lg 104rpx / md 88rpx / sm 72rpx（默认 md） |
disabled | 是否禁用（不触发 click） |
loading | 加载中（转圈，且不触发 click） |
block | 是否通栏（占满父容器宽度） |
events · 事件
| 名称 | 说明 |
|---|---|
click | 点击事件（disabled / loading 态不触发） |
slots · 插槽
| 名称 | 说明 |
|---|---|
default | 按钮内容 |
全部 <script setup> + BEM 单类，uni-app x 友好子集写法 图标纯 CSS / 字符绘制，零外链资源 rpx 与 FY Design Tokens 同源（rpx = token px × 2） 每件组件配独立 demo 页，文件头注释即 API 文档