0.0.5 • Published 3 years ago
au-design v0.0.5
au-design
极光 UI 设计语言和 React 组件库
✨ 特性
- 提炼自极光中后台产品的交互语言和视觉风格。
- 开箱即用的高质量 React 组件。
- 使用 TypeScript 开发,提供完整的类型定义文件。
📦 安装
npm install au-design --save
yarn add au-design
🔨 示例
import { Button } from "au-design";
const App = () => (
<>
<Button type="primary">我是按钮</Button>
</>
);
引入样式:
import "au-design/dist/au-design.css"; // or 'au-design/dist/au-design.less'
⌨️ 本地开发
- 启动
$ npm install
$ npm start
- 新建分支
$ git checkout develop
$ git checkout -b feat/comp/组件名
- 创建组件
$ npm run new:comp
- 构建
$ npm run build
- 提交代码
$ npm run commit
$ yarn commit
- 合并分支
在gitlab上,new MergeRequest 到 develop,approval 添加 @daizq
资源
- 设计文档
https://www.yuque.com/books/share/c87ed924-33ea-428b-b630-3004f7ef83bc
- 设计切图