Vue fish-ui:一套基于 Vue.js 的高质量 UI 组件库

u1351384616 · October 07, 2017 · Last by u1351384616 replied at December 12, 2017 · 7668 hits

A Vue.js 2.0 UI Toolkit for Web.
git: https://github.com/myliang/fish-ui

安装

npm install less less-loader -S
npm install fish-ui -S

快速开始

导入所有组件

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)

实例

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

特性

  • Equip with Vue.js, Moment, Vue-Router, ES6 & Babel 6
  • Cool with Webpack 2.0 & Vue Loader
  • Semantic CSS Components
  • Stylesheets in 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
  • Devider
  • Image
  • Timeline

浏览器支持

Modern browsers and Internet Explorer 9+(no test).

Thanks to

LICENSE

MIT

送你个星星

最新版本已发布

最近版本已经做了响应式处理,支持移动端

You need to Sign in before reply, if you don't have an account, please Sign up first.