宝藏级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 表单验证
宝藏级UI组件库:FirstUI,微信小程序版+uniapp版双版至V1.5.0,完美支持vue3相关推荐
- api 微信小程序组件库colorui_微信小程序常用的几个UI组件库
1.WeUI WeUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一.包含button.cell.dialog. progre ...
- 微信小程序、uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用
微信小程序.uni-app使用iconfont-tools将iconfont彩色字体图标组件化并使用 安装iconfont-tools npm i -g iconfont-tools 全局安装工具 下 ...
- 强大新UI装逼神器微信小程序源码下载用不完的模板支持多种流量主模式
大家好这是一款装逼制作的一款微信小程序源码 标题为什么说用不完的模板呢,因为小编原本想数一下有多少个模板 但是小编一直翻呀翻,翻了多久都忘记了,都还没到底 所以说可以想象模板有多少,另外呢里面的模板还 ...
- 小程序源码:2022虎年背景全新UI头像框制作微信小程序源码下载-多玩法安装简单
内包含了虎年虎娃多种分类头像框模板,全是和2022虎年有关 每一种分类都包含了多种模板制作 虎娃的小编个人感觉那个卡通也是挺可爱的! 另外整个小程序的背景UI都是以虎年为背景,所以总体的感觉还是很不错 ...
- 小程序源码:强大新UI装逼神器微信小程序源码下载
大家好这是一款装逼制作的一款微信小程序源码 标题为什么说用不完的模板呢,因为小编原本想数一下有多少个模板 但是小编一直翻呀翻,翻了多久都忘记了,都还没到底 所以说可以想象模板有多少,另外呢里面的模板还 ...
- uni-app 实现 fullpage 组件(适用于微信小程序,h5等)
uni-app 实现 fullpage 组件(适用于微信小程序,h5等) 业务需求. 本文github 源码地址 1.组件 src/components/FullPage/index.vue < ...
- 微信小程序:2022虎年新UI春节送祝福微信小程序
昨天好像也发了一款祝福语的小程序吧,然后今天就看到很多小伙伴上线运营了 这是一款网友用以前小编发过的一款端午送祝福改的一款小程序 里面的背景图包括祝福语都已经修改成与虎年相关的内容了 总体来说找的背景 ...
- 微信小程序和uniapp高频面试题
一.微信小程序主要目录和文件的作用? 1.project.config.json项目配置文件,做一些个性化配置,例如界面颜色.编译配置等等 2.app.json当前小程序的全局配置,包括了小程序的所有 ...
- 前端《Vue.js从入门到项目实战》PDF课件+《微信小程序实战入门第2版》PDF代码调试
JS进行开发,正如一切的编程语言都立足于电元信号的正负极,即01码,可为什么软件都不采用二进制编码来 进行开发呢?这里面牵扯到一个成本的问题,这正是影响项目领导者进行决策的关键因素.Vue项目与原生J ...
最新文章
- K3s初探:Rancher架构师带你尝鲜史上最轻量Kubernetes发行版
- Kubernetes的初始化容器initContainers
- 开发流媒体服务器_Github选出10大开源免费的RTSP流媒体项目
- Traveling on the Axis (The 2018 ACM-ICPC Asia Qingdao Regional Contest, Online)
- PAT 1038. 统计同成绩学生
- k2p一直亮红灯搜不到信号_周迅感情亮红灯?真离了!?亮红灯英文是red light ?red 对了,但不用 light!...
- kubespray容器化部署kubernetes高可用集群
- tab切换webuploader失效的解决方法
- spring mvc 思想
- 分享Qt的面试题目(或许未来的我能用的上呢)
- python的格式化输入_如何在python中读取格式化的输入?
- 使用MNIST数据集训练出来的模型预测自己手写数据
- asp.net天轰穿视频学习总结
- origin调整纵坐标刻度值_Origin数据图坐标刻度值特殊标注的方法
- 办公用品管理系统服务器版,恒达办公用品管理系统
- python docx删除word段落
- 一周企业财报 | 汉高、中通、格林酒店、宜人金科、宝尊、维他奶等7家企业发布业绩...
- matlab 平行四边形,matlab计算四边形面积
- CBLUE-阿里天池中文医疗NLP打榜
- ROS1中Gazebo案例都有哪些机器人呢(Noetic2022)