FancyUI是飞凡前端团队(ffan-fe)开源的一套AngularJs(1.5.X)的组件库,适合构建后台管理系统,主要有以下特性:
- 通过命令行快速创建项目,创建组件
- 提供大量开箱即用的PC端开发常用组件
- 3分钟内开发完成一个与rest API对接的管理后台页面
- 模块化管理并按需加载,ES6语法上手
- 使用ES6 + gulp + webpack做项目管理
npm install ng-start-cli -g
npm install fancyui --save
import progressdemoComponent from './progressdemo.component';
import {Progress} from 'fancyui';
export default angular.module('progressDemo', [
Progress.name
])
.component('progressDemo', progressdemoComponent);
<bp-progress percent="80" stroke-width="8"></bp-progress>
4.查看效果
##源码构建及开发方法
git clone git@github.com:ffan-fe/fancyui.git
安装 node_modules:
npm i -d ;
npm run dev
npm test
npm test --single_file=lib/button/button.spec.js
npm run singleTest
阅读 contributing 了解流程.
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