更新记录
1.3.0(2024-04-08) 下载此版本
-
重要优化:本次更新开发工具需升级至Hbuilderx 4.11.2024040401+,更新后必须升级开发工具(alpha版本)。
-
[重要] 新增支持编译到iOS平台。
-
新增 Request 网络请求 组件,支持Promise,可在发起请求和请求响应之前进行拦截(uts)[vip]。
-
新增 Rate 评分 组件,适配ios端 [vip]。
-
新增 Spin 旋转动画 组件,适配ios端 [vip]。
-
Switch 开关 组件优化,调整Android端阴影不明显问题,适配ios端。
-
Drawer 抽屉 组件优化。
-
Form 表单示例 优化,新增评分组件示例。
-
Radio 单选框 组件优化,新增属性styleType设置选中后样式,适配ios端。
-
Grid 宫格 组件 组件优化,调整web端/ios端部分样式。
-
Card 卡片 组件优化,调整web端部分样式。
-
HalfScreen 半屏弹窗 组件优化,修复web端滑动事件报错的问题。
-
SwipeAction 滑动菜单 组件优化,修复web端滑动事件报错的问题。
-
Text 文本 组件优化,修复ios端文本不显示问题。
-
Number 数字 组件 优化,部分调整以适配ios端。
-
Icon 图标 组件优化,部分调整以适配ios端。
-
List 列表 组件 组件优化,适配ios端。
-
Button 按钮 组件优化,ios端部分样式调整。
-
Avatar 头像 组件优化,ios端部分样式调整。
-
LoadMore 加载更多 组件优化,ios端部分样式调整。
-
Collapse 折叠面板 组件优化,适配ios端。
-
Divider 分割线 组件优化,ios端部分样式调整。
-
Pagination 分页器 组件优化,部分调整以适配ios端。
-
SegmentedControl 分段器 组件优化,ios端部分样式调整。
-
Tabs 标签页 组件优化,部分调整以适配ios端。
-
Dialog 对话框 组件优化,部分调整以适配ios端。
-
ActionSheet 上拉菜单 组件优化,部分调整以适配ios端。
-
InputNumber 数字输入框 组件优化,部分调整以适配ios端。
-
Checkbox 复选框 组件优化,适配ios端。
-
FormItem 表单项 组件优化,适配ios端。
-
Input 输入框 组件优化,适配ios端。
-
Textarea 多行输入框 组件优化,适配ios端。
-
优化部分已知问题。
1.2.61(2024-04-02) 下载此版本
-
Form 表单校验 组件优化,支持 submit/reset 事件 。
-
新增 FormField 表单字段 组件,用于表单传递数据。
-
Button 按钮 组件优化,新增formType属性,结合Form组件实现 submit/reset 事件。
-
Input 输入框 组件优化,可结合Form组件进行表单相关操作。
-
Textarea 多行输入框 组件优化,可结合Form组件进行表单相关操作。
-
InputNumber 数字输入框 组件优化,可结合Form组件进行表单相关操作。
-
Radio 单选框 组件优化,可结合Form组件进行表单相关操作。
-
Checkbox 复选框 组件优化,可结合Form组件进行表单相关操作。
-
Switch 开关 组件优化,可结合Form组件进行表单相关操作。
-
Slider 滑块选择器 组件优化,可结合Form组件进行表单相关操作,修复pc端可能报错的问题。
-
新增表单示例,用于演示表单数据收集与重置(submit/reset)[vip]。
1.2.6(2024-03-31) 下载此版本
- 新增常用的基础样式class,类(class)选择器,用于页面布局,详见文档。
- 新增 Form 表单校验 组件 [vip]。
- 新增 FormItem 表单项 组件,可结合 Form组件进行校验 [vip]。
- 新增 Validator 表单验证 组件(uts)[vip]。
- Input 输入框 组件优化。
- Textarea 多行输入框 组件优化。
- Button 按钮组件优化。
平台兼容性
Vue2 | Vue3 |
---|---|
× | √ |
App | 快应用 | 微信小程序 | 支付宝小程序 | 百度小程序 | 字节小程序 | QQ小程序 |
---|---|---|---|---|---|---|
HBuilderX 4.0,Android:4.4,iOS:9,HarmonyNext:不确定 | × | × | × | × | × | × |
钉钉小程序 | 快手小程序 | 飞书小程序 | 京东小程序 |
---|---|---|---|
× | × | × | × |
H5-Safari | Android Browser | 微信浏览器(Android) | QQ浏览器(Android) | Chrome | IE | Edge | Firefox | PC-Safari |
---|---|---|---|---|---|---|---|---|
√ | √ | √ | √ | √ | × | × | × | √ |
FirstUI-uvue
FirstUI(unix)组件库,一款适配 uni-app x 的轻量、简洁、高效、全面的移动端组件库。(options Api 版)
快速上手
使用 First UI 前,请确保你已经学习并熟练使用过 uni-app-x 。
安装
方式一 :通过 npm 安装
// # Using npm
npm install firstui-unix
注意:通过 npm 安装的组件,暂时可能无法使用easycom配置(待uni-app官方优化),
请将 `node_modules` 文件夹下的 `firstui-unix` 文件夹整体复制到 `uni_modules` 文件夹下,
如果项目没有 `uni_modules` 文件夹,在项目根目录创建即可,复制进去即可使用,无需其他配置。
方式二 :通过下载代码
// # GitHub
git clone https://github.com/FirstUI/FirstUI-uvue.git
方式三 :选择需要的模块引入
如何使用
按照以下的方式使用组件,以 Button
为例,其它组件在对应的文档页查看。
使用组件
引入组件后,可以在 页面 中直接使用组件
<fui-button text="默认按钮"></fui-button>
相关链接
GitHub地址:https://github.com/FirstUI/FirstUI-uvue
更新日志
V1.3.0(2024-04-08)
-
重要优化:本次更新开发工具需升级至Hbuilderx 4.11.2024040401+,更新后必须升级开发工具(alpha版本)。
-
[重要] 新增支持编译到iOS平台。
-
新增 Request 网络请求 组件,支持Promise,可在发起请求和请求响应之前进行拦截(uts)[vip]。
-
新增 Rate 评分 组件,适配ios端 [vip]。
-
新增 Spin 旋转动画 组件,适配ios端 [vip]。
-
Switch 开关 组件优化,调整Android端阴影不明显问题,适配ios端。
-
Drawer 抽屉 组件优化。
-
Form 表单示例 优化,新增评分组件示例。
-
Radio 单选框 组件优化,新增属性styleType设置选中后样式,适配ios端。
-
Grid 宫格 组件 组件优化,调整web端/ios端部分样式。
-
Card 卡片 组件优化,调整web端部分样式。
-
HalfScreen 半屏弹窗 组件优化,修复web端滑动事件报错的问题。
-
SwipeAction 滑动菜单 组件优化,修复web端滑动事件报错的问题。
-
Text 文本 组件优化,修复ios端文本不显示问题。
-
Number 数字 组件 优化,部分调整以适配ios端。
-
Icon 图标 组件优化,部分调整以适配ios端。
-
List 列表 组件 组件优化,适配ios端。
-
Button 按钮 组件优化,ios端部分样式调整。
-
Avatar 头像 组件优化,ios端部分样式调整。
-
LoadMore 加载更多 组件优化,ios端部分样式调整。
-
Collapse 折叠面板 组件优化,适配ios端。
-
Divider 分割线 组件优化,ios端部分样式调整。
-
Pagination 分页器 组件优化,部分调整以适配ios端。
-
SegmentedControl 分段器 组件优化,ios端部分样式调整。
-
Tabs 标签页 组件优化,部分调整以适配ios端。
-
Dialog 对话框 组件优化,部分调整以适配ios端。
-
ActionSheet 上拉菜单 组件优化,部分调整以适配ios端。
-
InputNumber 数字输入框 组件优化,部分调整以适配ios端。
-
Checkbox 复选框 组件优化,适配ios端。
-
FormItem 表单项 组件优化,适配ios端。
-
Input 输入框 组件优化,适配ios端。
-
Textarea 多行输入框 组件优化,适配ios端。
-
优化部分已知问题。
V1.2.6(2024-04-02)
-
新增常用的基础样式class,类(class)选择器,用于页面布局,详见文档。
-
新增 Form 表单校验 组件,支持 submit/reset 事件 [vip]。
-
新增 FormItem 表单项 组件,可结合 Form组件进行校验 [vip]。
-
新增 Validator 表单验证 组件(uts)[vip]。
-
新增 FormField 表单字段 组件,用于表单传递数据。
-
Button 按钮 组件优化,新增formType属性,结合Form组件实现 submit/reset 事件。
-
Input 输入框 组件优化,可结合Form组件进行表单相关操作。
-
Textarea 多行输入框 组件优化,可结合Form组件进行表单相关操作。
-
InputNumber 数字输入框 组件优化,可结合Form组件进行表单相关操作。
-
Radio 单选框 组件优化,可结合Form组件进行表单相关操作。
-
Checkbox 复选框 组件优化,可结合Form组件进行表单相关操作。
-
Switch 开关 组件优化,可结合Form组件进行表单相关操作。
-
Slider 滑块选择器 组件优化,可结合Form组件进行表单相关操作,修复pc端可能报错的问题。
-
新增表单示例,用于演示表单数据收集与重置(submit/reset)。
V1.2.5(2024-02-03)
-
重要优化:本次更新开发工具需升级至Hbuilderx 4.01.20+,更新后必须升级开发工具(alpha版本)。
-
Number 数字 组件 优化,Web端部分调整,优化部分体验。
-
Footer 页脚 组件优化,Web端部分调整,优化部分体验。
-
Dialog 对话框 组件优化,Web端部分调整,优化部分体验。
-
Section 标题栏 组件优化,Web端部分调整,去除多余兼容处理逻辑(Hbuilderx 4.01.20+以下版本不可去除)。
-
Animation 动画 组件优化,Web端部分调整,去除多余兼容处理逻辑,优化部分体验。
-
Button 按钮 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Checkbox 复选框 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Grid 宫格 组件 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Input 输入框 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Radio 单选框 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Textarea 多行输入框 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
WhiteSpace 上下间距 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
WhiteSpace 上下间距 组件优化,Web端部分调整,去除多余兼容处理逻辑。
-
Toast 轻提示 组件示例优化,去除多余兼容处理逻辑。
V1.2.1 (2024-02-02)
-
启动页动画调整优化,加入波浪动画。
-
新增 HalfScreen 半屏弹窗 组件,支持下滑关闭。
-
新增 Slider 滑块选择器 组件。
-
Utils 工具类 组件优化,新增部分方法。
-
优化部分已知问题。
V1.2.0 (2024-01-29)
-
重要优化:本次更新开发工具需升级至Hbuilderx 4.0+,更新后必须升级开发工具(alpha版本)。
-
Utils 工具类 组件优化,新增获取随机颜色、金额转大写等方法。
-
新增 BackgroundImage 背景图 组件。
-
新增 启动页简介页面。
-
Section 标题栏 组件优化,适配web/H5端。
-
Text 文本 组件优化,适配web/H5端。
-
Number 数字 组件优化,适配web/H5端。
-
Icon 图标 组件优化,适配web/H5端。
-
Button 按钮 组件优化,适配web/H5端。
-
Footer 页脚 组件优化,适配web/H5端。
-
Animation 动画 组件优化,适配web/H5端。
-
StatusBar 状态栏 组件优化,适配web/H5端。
-
Layout 栅格布局 组件优化,适配web/H5端。
-
Grid 宫格 组件 组件优化,适配web/H5端。
-
List 列表 组件 组件优化,适配web/H5端。
-
Card 卡片 组件优化,适配web/H5端。
-
WhiteSpace 上下间距 组件优化,适配web/H5端。
-
WingBlank 左右间距 组件优化,适配web/H5端。
-
Input 输入框 组件优化,适配web/H5端。
-
InputNumber 数字输入框 组件优化,适配web/H5端。
-
Label 标签 组件优化,适配web/H5端。
-
Radio 单选框 组件优化,适配web/H5端。
-
Checkbox 复选框 组件优化,适配web/H5端。
-
Switch 开关 组件优化,适配web/H5端。
-
Textarea 多行输入框 组件优化,适配web/H5端。
-
ActionSheet 上拉菜单 组件优化,适配web/H5端。
-
Toast 轻提示 组件优化,适配web/H5端。
-
Backdrop 遮罩层 组件优化,适配web/H5端。
-
Dialog 对话框 组件优化,适配web/H5端。
-
Badge 徽章 组件优化,适配web/H5端。
-
DropdownMenu 下拉菜单 组件优化,适配web/H5端。
-
DropdownList 下拉菜单 组件优化,适配web/H5端。
-
Loading 加载 组件优化,适配web/H5端。
-
SwipeAction 滑动菜单 组件优化,适配web/H5端。
-
Pagination 分页器 组件优化,适配web/H5端。
-
SegmentedControl 分段器 组件优化,适配web/H5端。
-
Tabs 标签页 组件优化,适配web/H5端。
-
Drawer 抽屉 组件优化,适配web/H5端。
-
BottomPopup 底部弹出层 组件优化,适配web/H5端。
-
TopPopup 顶部弹出层 组件优化,适配web/H5端。
-
Alert 警告框 组件优化,适配web/H5端。
-
Avatar 头像 组件优化,适配web/H5端。
-
Tag 标签 组件优化,适配web/H5端。
-
Collapse 折叠面板 组件优化,适配web/H5端。
-
Divider 分割线 组件优化,适配web/H5端。
-
LoadMore 加载更多 组件优化,适配web/H5端。
-
优化已知问题。
V1.1.0(2024-01-22)
-
新增 DropdownMenu 下拉菜单 组件。
-
新增 DropdownList 下拉菜单 组件。
-
新增 Loading 加载 组件。
-
新增 SwipeAction 滑动菜单 组件。
-
新增 Pagination 分页器 组件。
-
新增 SegmentedControl 分段器 组件。
-
新增 Tabs 标签页 组件。
-
新增 Drawer 抽屉 组件。
-
新增 BottomPopup 底部弹出层 组件。
-
新增 TopPopup 顶部弹出层 组件。
-
新增 Alert 警告框 组件。
-
新增 Avatar 头像 组件。
-
新增 Tag 标签 组件。
-
新增 Collapse 折叠面板 组件。
-
新增 Divider 分割线 组件。
-
新增 LoadMore 加载更多 组件。
-
新增 Utils 工具类 组件。
-
重要优化:unix版所有组件点击事件名调整,由 @click 调整为 @onclick,如果组件升级到最新版本,请查看文档升级指南,调整写法。
-
修复已知bug。
V1.0.0(2024-01-10)
-
新增 Color 色彩 ,First UI用色指南。
-
新增 Text 文本 组件。
-
新增 Number 数字 组件。
-
新增 Icon 图标 组件,First UI字体图标库。
-
新增 Button 按钮 组件。
-
新增 Footer 页脚 组件。
-
新增 Animation 动画 组件。
-
新增 StatusBar 状态栏 组件。
-
新增 Layout 栅格布局 组件(fui-row和fui-col)。
-
新增 Grid 宫格 组件(fui-grid和fui-grid-item)。
-
新增 List 列表 组件(fui-list和fui-list-cell)。
-
新增 Card 卡片 组件。
-
新增 Section 标题栏 组件。
-
新增 WhiteSpace 上下间距 组件。
-
新增 WingBlank 左右间距 组件。
-
新增 Input 输入框 组件。
-
新增 InputNumber 数字输入框 组件。
-
新增 Label 标签 组件。
-
新增 Radio 单选框 组件。
-
新增 Checkbox 复选框 组件。
-
新增 Switch 开关 组件。
-
新增 Textarea 多行输入框 组件。
-
新增 ActionSheet 上拉菜单 组件。
-
新增 Toast 轻提示 组件。
-
新增 Backdrop 遮罩层 组件。
-
新增 Dialog 对话框 组件。
-
新增 Badge 徽章 组件。
-
新增 Empty 缺省页 组件。