简介
基于vue2.0, github star 690+, 一款小众的UI框架fish-ui,直接上截图:
主要特性
- 配备Vue.js,Moment,Vue-Router,ES6和Babel 6
- 使用Webpack 2.0和Vue Loader
- Semantic CSS 组件
- 使用 Less
- 支持现代浏览器
快速开发
- 安装
npm install less less-loader -S npm install fish-ui -S
- google font & font-awesome
<link rel="stylesheet" href="https://cdn.bootcss.com/font-awesome/4.7.0/css/font-awesome.css"/> <link rel="stylesheet" href="https://fonts.proxy.ustclug.org/css?family=Lato:400,700,400italic,700italic&subset=latin"/>
- 引入所有组件
import Vue from 'vue' import FishUI from 'fish-ui' Vue.use(FishUI)
- 手动引入组件
import 'fish-ui/styles/button.less' import Button from 'fish-ui/src/components/Button.vue' Vue.component(Button.name, Button)
组件列表
- BackTop
- Button
- Buttons
- Calendar
- Card
- Carousel
- CarouselItem
- Cascader
- Checkbox
- Checkboxes
- Col
- DatePicker
- Dropdown
- Field
- Fields
- Form
- Input
- InputNumber
- Layout
- Menu
- Message
- Modal
- Option
- Pagination
- Radio
- Radios
- Row
- Select
- Steps
- Step
- Submenu
- Table
- TabPane
- Tabs
- Tag
- Tags
- TimePicker
- Upload
- Tree
- Tree Select
- Transfer
- Divider
- Image
- Timeline