Skip to content

myliang/fish-ui

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Oct 15, 2024
4cfea16 · Oct 15, 2024
Aug 12, 2019
Dec 18, 2017
Nov 9, 2017
Sep 2, 2024
Dec 12, 2023
Oct 15, 2024
Dec 7, 2017
Oct 3, 2017
Oct 2, 2017
Oct 2, 2017
Oct 16, 2018
Sep 30, 2017
Nov 27, 2020
Jun 13, 2020
Oct 14, 2024
Oct 14, 2024

Repository files navigation

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