更新记录

v2.3.0（2024-05-12） 下载此版本

• 更新至V2.3.0

v1.0.0（2022-01-03） 下载此版本

• 新增 Tabs 标签页组件，分隔内容上有关联但属于不同类别的数据集合。

平台兼容性

First UI 快速上手

使用 First UI 前，请确保你已经学习并熟练使用过 uni-app 。

安装

方式一 ：通过 npm 安装

// # Using npm
npm install firstui-uni

方式二 ：通过下载代码

// # GitHub
git clone https://github.com/FirstUI/FirstUI.git

方式三 ：选择需要的模块引入

如何使用

按照以下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看。

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

在 pages.json 中 添加配置：

// 下载安装时配置
"easycom": {
        "autoscan": true,
        "custom": {
            "fui-(.*)": "@/components/firstui/fui-$1/fui-$1.vue"
        }
    }

// 使用npm安装时配置（配置完成后重新编译运行）
"easycom": {
        "autoscan": true,
        "custom": {
            "fui-(.*)": "firstui-uni/firstui/fui-$1/fui-$1.vue"
        }
    }

使用组件

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

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

相关链接

官网地址：https://www.firstui.cn

文档地址：https://doc.firstui.cn

GitHub地址：https://github.com/FirstUI/FirstUI