69

GitHub - myliang/fish-ui: A Vue.js 2.0 UI Toolkit for Web

 6 years ago
source link: https://github.com/myliang/fish-ui?
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

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

button.png?raw=true
card.png?raw=true
form.png?raw=true
treeselect.png?raw=true

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
  • Carousel
  • CarouselItem
  • Cascader
  • Checkbox
  • Checkboxes
  • DatePicker
  • Dropdown
  • Field
  • Fields
  • Input
  • InputNumber
  • Layout
  • Message
  • Modal
  • Option
  • Pagination
  • Radio
  • Radios
  • Select
  • Steps
  • Submenu
  • Table
  • TabPane
  • TimePicker
  • Upload
  • Tree Select
  • Transfer
  • Divider
  • Image
  • Timeline

Browser Support

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

Thanks to

LICENSE


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK