March 7, 2019

174 words 1 min read

myliang/fish-ui

myliang/fish-ui

A Vue.js 2.0 UI Toolkit for Web

repo name myliang/fish-ui
repo link https://github.com/myliang/fish-ui
homepage https://myliang.github.io/fish-ui/
language Vue
size (curr.) 18172 kB
stars (curr.) 778
created 2017-09-30
license MIT License

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.

Install

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

Quick Start

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 all components

import Vue from 'vue'
import FishUI from 'fish-ui'

Vue.use(FishUI)

Manually import

import 'fish-ui/styles/button.less'
import Button from 'fish-ui/src/components/Button.vue'

Vue.component(Button.name, Button)

And if you start with vue-webpack-boilerplate by vue-cli

Demo

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

Features

  • Equip with Vue.js, Moment, Vue-Router, ES6 & Babel 6
  • Cool with Webpack 2.0 & Vue Loader
  • Semantic CSS Components
  • Stylesheets in Less

Components

  • 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

Browser Support

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

Thanks to

LICENSE

MIT

comments powered by Disqus