大家好,我是前端实验室的大师兄！

相信大家都听说过跨平台开发，大家接触过最多的也就是uview、vant这些跨平台组件库，今天大师兄就给大家介绍一个新的跨平台UI组件库——First UI

First UI

First UI号称将出品多种框架下组件库供开发者使用，其中包含uni-app、微信小程序、支付宝小程序、Taro等

但是目前上线的版本只有uni-app版本与微信小程序版本——FirstUI UNI版

特点

• 支持多端App-vue（Android、IOS）、App-Nvue（Android、IOS）、小程序、H5等
• 提供开箱即用的常用布局，极大程度节省开发成本
• UI 样式可配置，拓展灵活，轻松适应不同的设计风格
• 100+ 丰富的组件，能够满足移动端开发的基本需求

UI

FirstUI UNI版分为 开源版 和 商业版，所有示例或文档中加 VIP专属的表示需要开通UNI版会员才可获取源码使用。

FirstUI UNI不仅有常见的 按钮、弹窗等组件，还新增了许多新组件

• spin 旋转动画 组件

• Result结果页

• 数字滚轮

还有许多实用又有趣的组件

安装使用

npm 安装

npm install firstui-uni

使用

在页面中引用、注册

import fuiButton from "@/components/firstui/fui-button/fui-button"
export default {
 components:{
  fuiButton
 }
}

引入组件后，可以在 页面 中直接使用组件

<fui-button text="默认按钮"></fui-button>

如果你对这个新的UI组件库感兴趣，不妨去看看，里面一些新的组件和动画效果，说不定可以可以让你眼前一亮

项目地址：https://doc.firstui.cn/

关注【前端实验室】公众号回复： bbbb223

即可免费获取拉勾教育价值17999元的全套前端教程