fish-ui 一套基於vue2的ui元件庫

myliang發表於2019-02-16

fish-ui 一套基於vue2的ui元件庫

A Vue.js 2.0 Responsive UI Toolkit for Web.
git: github.com/myliang/fis…

安裝

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)
複製程式碼

例項

myliang.github.io/fish-ui/

fish-ui 一套基於vue2的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

相關文章