簡介

基于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

總結

以上是生活随笔為你收集整理的引入ui组件_Vuejs, Semantic CSS前端框架fish-ui的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。