四时宝库

程序员的知识宝库

Vuejs, Semantic CSS前端框架fish-ui

简介

基于vue2.0, github star 690+, 一款小众的UI框架fish-ui,直接上截图:

主要特性

  • 配备Vue.js,Moment,Vue-Router,ES6和Babel 6
  • 使用Webpack 2.0和Vue Loader
  • Semantic CSS 组件
  • 使用 Less
  • 支持现代浏览器

快速开发

  • 安装
npm install less less-loader -S
npm install fish-ui -S
  • 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 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)

组件列表

  • 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

发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言
    友情链接