引入ui组件_Vuejs, Semantic CSS前端框架fish-ui

简介

基于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 -Snpm install fish-ui -S

• google font & font-awesome

• 引入所有组件

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