当前位置: 首页 > 工具软件 > fish-ui > 使用案例 >

fish-ui 一套基于vue2的ui组件库

万选
2023-12-01

A Vue.js 2.0 Responsive UI Toolkit for Web.
git: github.com/myliang/fis…

安装

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)
复制代码

实例

myliang.github.io/fish-ui/

特性

  • 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

转载于:https://juejin.im/post/5a289359f265da431523cb03

 类似资料: