更新记录

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

• 新增 Drawer 抽屉 组件，抽屉式导航，用于展示侧滑菜单，侧滑导航。
• 文档地址：https://doc.firstui.cn

平台兼容性

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