宝藏级UI组件库：FirstUI，微信小程序版+uniapp版双版至V1.5.0，完美支持vue3

 

First UI(https://www.firstui.cn/)是一套超高性能、超高颜值的移动端UI综合解决方案，包含业内顶尖的组件库、强大的功能库、丰富精美的模板库，提供uni-app(完美支持nvue)、微信小程序、支付宝小程序等版本，兼顾高效率与高性能，让您的开发获得百倍提质提速！

一、FirstUI uni-app版特性

• 多端支持。一套代码，端适用，支持iOS（vue和Nvue）、Android（vue和Nvue）、微信小程序、支付宝小程序、QQ小程序、百度小程序、字节跳动小程序、H5平台。
• 完善的组件。目前共规划118款，已上线85款，涵盖基础组件、表单组件、导航组件、布局组件、常用布局、扩展组件、操作反馈、数据组件、JS、图表、画布。
• 丰富实用的布局、模板。基于FirstUI提供的组件，针对常用场景、行业，提供丰富实用的布局和模板。
• 专属社区。我们打造了FirstU专属社区，用户可以在社区交流分享FirstUI的使用经验、提问。有其他组件、模板需求，也可以在社区中反馈。

二、FirstUI 微信小程序版特性

• 性能优越。为微信小程序量身打造，贴合微信小程序开发需求，性能优越
• 完善的组件。涵盖基础组件、表单组件、导航组件、布局组件、常用布局、扩展组件、操作反馈、数据组件、JS、图表、画布。
• 丰富实用的布局、模板。基于FirstUI提供的组件，针对常用场景、行业，提供丰富实用的布局和模板。
• 专属社区。我们打造了FirstU专属社区，用户可以在社区交流分享FirstUI的使用经验、提问。有其他组件、模板需求，也可以在社区中反馈。

三、V1.5.0更新内容

• 新增 Vtabs 纵向选项卡 组件（VIP组件）。
• 新增 PuzzleVerify 滑块拼图验证 组件（VIP组件），此组件为 SliderCaptcha 滑块拼图验证 组件的功能补充。[详见]( https://forum.firstui.cn/d/48 )
• 新增 Drag 拖拽排序 组件（VIP组件）。
• 新增 ImageCropper 图片裁剪 组件（VIP组件）。
• 新增 Table 表格 组件（VIP组件）。
• Utils 工具类 组件新增函数节流方法使用案例。
• Badge 徽章 组件优化，新增max属性，当值超过max时使用+号代替，仅为数字时有效。
• SingleInput 单输入框 组件优化，新增清空方法重置输入值（结合原生键盘时使用）。
• Button 按钮 组件优化，修复微信小程序端@click事件中调用wx.getUserProfile无效的问题以及在subNVue中点击事件失效的问题。
• Form 表单校验 示例新增其他表单元素，满足更多表单需求。
• Icon 图标 组件优化，新增支持自定义图标，详见文档说明。
• DropdownMenu 下拉菜单 组件优化，支持nvue。
• Input 输入框 组件优化 ，新增 number 属性，修复v-model.number在小程序平台值未转化为Number类型问题。
• 修复 Grid 宫格 组件 ref 被误删除导致报错的问题。
• 修复并优化 Circle 圆形进度条 组件在nvue端出错的问题。
• 修复vue2下使用wxs初始化时可能报错的问题。
• ActionSheet 上拉菜单 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• BottomNavbar 底部导航栏 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• BottomPopup 底部弹出层 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• DigitalKeyboard 数字键盘 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• Footer 页脚 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• Gallery 画廊 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• LicensePlate 车牌号键盘 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• Select 选择器 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• ShareSheet 分享面板 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• Tabbar 标签栏 组件优化，新增属性 safeArea 控制是否需要适配底部安全区域。
• BottomPopup 底部弹出层 组件优化，优化Nvue下设置顶部圆角值时IOS底部偶尔出现圆角的问题。
• 优化若干已知问题。

四、开源版与商业版

FirstUI组件库 分为开源版与商业版，部分组件为商业版专属使用。

1、开源版

● uni-app版 github: [https://github.com/FirstUI/FirstUI](https://github.com/FirstUI/FirstUI) （欢迎star :-D）

● uni-app版 gitee: [https://gitee.com/firstui/FirstUI](https://gitee.com/firstui/FirstUI) （欢迎star :-D）

● uni-app版 文档地址: [doc.firstui.cn](FirstUI UNI版)

● 微信小程序版 github: [https://github.com/FirstUI/FirstUI-weixin](https://github.com/FirstUI/FirstUI-weixin) （欢迎star :-D）

● 微信小程序版 gitee: [https://gitee.com/firstui/FirstUI-weixin](https://gitee.com/firstui/FirstUI-weixin) （欢迎star :-D）

● 微信小程序版 文档地址: [wxdoc.firstui.cn](wxdoc.firstui.cn)

2、VIP会员权益：

● 完整版源码

● 全部组件

● 物料商城享VIP折扣

● 专属会员群指导、答疑

● 新特性优先体验

● VIP专属文档

会员权益详情: https://www.firstui.cn/right

3、限时优惠

新版发布，现价￥300元，价格随功能完善调整。购买框架产品即升级为VIP会员，享受VIP会员权益。

立即购买：https://www.firstui.cn/store/detail/1

五、部分组件效果

六、已上线内容

- 框架

- FirstUI组件库(uni-app版)

- FirstUI组件库(微信小程序版)

- 模板

- 登录（A）模板

- 登录（B）模板

- 登录（C）模板

- 登录（D）模板

- 门户模板

- 组件

- 基础组件

- Color 色彩

- Icon 图标

- Button 按钮

- Footer 页脚

- Animation 动画

- StatusBar 状态栏

- 布局组件

- Layout 栅格布局

- Grid 宫格

- Panel 面板

- Preview 表单预览

- List 列表

- Card 卡片

- 表单组件

- Calendar 日历

- Cascader 级联选择器

- Picker 选择器

- DatePicker 日期时间选择器

- Slider 滑块选择器

- Form 表单校验

- Select 选择器

- Input 输入框

- InputNumber 数字输入框

- Label 标签

- Radio 单选框

- Checkbox 复选框

- Switch 开关

- Textarea 多行输入框

- Rate 评分

- Upload 图片上传

- SearchBar 搜索栏

- 操作反馈

- ActionSheet 上拉菜单

- Toast 轻提示

- Backdrop 遮罩层

- Dialog 对话框

- DropdownMenu 下拉菜单

- DropdownList 下拉菜单

- Modal 模态框

- Gallery 画廊

- Landscape 压屏窗

- Loading 加载

- loadAni 加载动画

- Message 消息提示

- SwipeAction 滑动菜单

- 导航组件

- NavBar 导航栏

- Pagination 分页器

- BubbleBox 气泡框

- SegmentedControl 分段器

- Tabbar 标签栏

- BottomNavbar 底部导航栏

- Tabs 标签页

- IndexList 索引列表

- NoticeBar 通告栏

- Sticky 吸顶容器

- Steps 步骤条

- Fab 浮动按钮

- Drawer 抽屉

- BottomPopup 底部弹出层

- TopPopup 顶部弹出层

- TimeAxis 时间轴

- Vtabs 纵向选项卡

- 数据组件

- Badge 徽章

- Alert 警告框

- Avatar 头像

- Tag 标签

- Progress 进度条

- Collapse 折叠面板

- Circle 圆形进度条

- CountDown 倒计时

- Divider 分割线

- LoadMore 加载更多

- Empty 缺省页

- Skeleton 骨架屏

- 扩展组件

- ShareSheet 分享面板

- Result 结果页

- FilterBar 筛选栏

- SingleInput 单输入框

- DigitalRoller 数字滚轮

- DigitalKeyboard 数字键盘

- LicensePlate 车牌号键盘

- SwiperDot 轮播图指示点

- CopyText 长按复制

- CubicBezier 贝塞尔曲线

- ImageCropper 图片裁剪

- Drag 拖拽排序

- SlideVerify 滑动验证

- RotateVerify 旋转验证

- SliderCaptcha 滑块拼图验证

- PuzzleVerify 滑块拼图验证

- OverflowHidden 内容超出隐藏

- Timer 计时器

- CountdownVerify 验证码倒计时

- Lazyload 图片懒加载

- Waterfall 瀑布流

- Table 表格

- Backtop 回到顶部

- 画布组件

- Poster 分享海报

- Qrcode 二维码

- Barcode 条形码

- Autograph 手写签名

- JS组件

- Clipboard 复制文本

- Request 网络请求

- Utils 工具类

- Validator 表单验证