Fish-ui

Vue.js 2.0 UI Toolkit для Web.

Установка

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)

И если вы начинаете с vue-webpack-boilerplate от vue-cli

Демо

https://myliang.github.io/fish-ui/

Особенности

• Оснащён Vue.js, Moment, Vue-Router, ES6 и Babel 6
• Совместим с Webpack 2.0 и Vue Loader
• Семантические компоненты CSS
• Таблицы стилей в Less

Компоненты

• 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

Поддержка браузеров

Современные браузеры и Internet Explorer 9+ (без тестирования).

Спасибо

• semantic-ui

Лицензия

MIT