fish-ui:一套基于 Vue.js 的高质量 UI 组件库(css主要借鉴semantic)
发布于 7 年前 作者 myliang 5946 次浏览 来自 分享

logo.png

fish-ui

npm package NPM downloads Join the chat at https://gitter.im/myliang/fish-ui

A Vue.js 2.0 UI Toolkit for Web.<br/> 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/ button.png card.png form.png treeselect.png

特性

  • 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

5 回复

GitHub地址呢,,然后文档好好写一下吧。。。项目还不错。。。

升级到1.0.87, 添加了穿梭框组件,及修改一些bug, 详情看: https://github.com/myliang/fish-ui

已经升级到1.0.98 添加了switch组件,及firefox浏览器兼容性,同时支持移动端

回到顶部