微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

自己写了基于vue2的ui组件库,样式借鉴semantic-ui

FisH-ui

  1. Vue.js 2.0 UI Toolkit for Web.

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

Install

npm install less less-loader -S
npm install fisH-ui -S

Quick Start

Import all components

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

Vue.use(FishUI)

Manually import

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

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

browser Support

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

Thanks to

LICENSE

MIT

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐