README-zh_CN.md

Fancyui

• 官方网站
• 更新日志
• 开发文档

FancyUI是飞凡前端团队(ffan-fe)开源的一套AngularJs(1.5.X)的组件库，适合构建后台管理系统，主要有以下特性：

• 通过命令行快速创建项目，创建组件
• 提供大量开箱即用的PC端开发常用组件
• 3分钟内开发完成一个与rest API对接的管理后台页面
• 模块化管理并按需加载，ES6语法上手
• 使用ES6 + gulp + webpack做项目管理

中文说明 English Ver.

快速上手

1.在AngularJs项目中引入组件库

npm install ng-start-cli -g
npm install fancyui --save

2.把组件注入模块

import progressdemoComponent from './progressdemo.component';
import {Progress} from 'fancyui';
export default angular.module('progressDemo', [
  Progress.name
])
.component('progressDemo', progressdemoComponent);

3.实例化组件

<bp-progress percent="80" stroke-width="8"></bp-progress>

4.查看效果

##源码构建及开发方法

安装

git clone [email protected]:ffan-fe/fancyui.git

安装 node_modules:

npm i -d ;

启动演示项目 Example

npm run dev

测试

test all

npm test

single test

npm test --single_file=lib/button/button.spec.js

npm run singleTest

如何助力fancyui？

阅读 contributing 了解流程.

LICENSE

BSD

组件库详细文档

• 🆗 按钮 f-button
• 🔖 图标 f-icon
• 📲 步骤条 f-steps
• 📡 导航菜单 f-menu
• 📋 自定义表格 f-customTable
• ☑️️ 复选框 f-checkbox
• 🔌 开关 f-switch
• ⏩ 进度条 f-progress
• 🔢 数字输入框 f-inputnumber
• 🗄 选择器 f-select
• ♥️ 评分 f-rate
• 🎱 徽标 badge f-badge
• ↔️ 穿梭框 f-transfer
• 🌵 树 f-checkbox-tree
• 🏞 上传 f-upload
• 📅 日历 f-calendar
• 📊 图表 f-charts
• ✅ 气泡确认框 Popconfirm.pop
• ❗️ 提示框 AlertService.alert
• ⚠️ 短消息通知 HintService.hint
• 🌀 加载 LoadingService.loading