基于 Vue 2.0 开发的 UI 组件库 fish-ui

基于 Vue 2.0 开发的 UI 组件库 fish-ui

MIT
JavaScript 查看源码»
跨平台
2017-11-01
myliang

 

fish-ui 是基于vue2开发的一套ui组件库,其中css部分借鉴了semantic-ui的样式

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

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

安装

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)

支持的组件列表

  • 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

的码云指数为
超过 的项目
加载中

评论(6)

慕枫java
慕枫java
有react版本吗
myliang
myliang 软件作者
愚民日记
愚民日记
确实不错, 不直到长期支持怎么样
土卫十六
土卫十六
还不错,点个赞啦
容儿2015
喜欢,点个赞
myliang
myliang 软件作者
欢迎大家使用,提问
dimdim
dimdim
点赞一下

基于 vue2 的组件库 fish-ui 1.1.15 发布

fish-ui 1.1.15 发布,基于 vue2 的响应式的 ui 组件库。 本次更新: 日历渲染的bug 动态表单不能验证的bug https://github.com/myliang/fish-ui/commit/3c9db6b55f66ccd01ac7da9e8349563ee...

2018/05/31 08:40

基于 vue2 的组件库 fish-ui 1.1.8 发布

fish-ui 1.1.8 发布,基于 vue2 的响应式的 ui 组件库 本次更新: 去掉遮罩层的行高,影响其内元素 input支持label, label-left input padding-right bug 弹出层支持宽度设置...

2018/05/21 08:23

fish-ui 1.1.4 发布,基于vue2的ui组件库

fish-ui 1.1.4 发布,基于vue2的响应式的ui组件库 本次更新: 修复datepicker点击不可选择日期自动消失的问题 添加组件collapse 为input-number组件添加labelLeft 分页组件支持简单模式 inpu...

2018/01/30 20:21

fish-ui 1.1.1 版本发布,修改了一些 CSS Bug 及组件

fish-ui 1.1.1 版本发布了,主要修改的内容: 手动导入的bug修复 下拉框支持的autocomplete查询 添加optgroup组件 日历下拉选矿的样式修改box-shadow 下拉和输入框高度一直问题 fish-ui 是基...

2017/12/20 08:46

fish-ui 1.0.96 版本已发布,重要功能支持移动端

fish-ui 1.0.96 版本已发布,重要功能支持移动端 git: https://github.com/myliang/fish-ui

2017/12/11 18:13

fish-ui 1.0.92 发布,主要解决了firefox兼容问题

fish-ui 1.0.92 发布,fish-ui 是一套基于 vue2 的 ui 组件库。 主要更新的内容: cascader组件firefox浏览器兼容性问题 表格组件,当出现纵向滚动条时,表头样式问题...

2017/12/07 22:34

fish-ui 1.0.91 发布,Vue 2 的组件库

fish-ui 1.0.91 发布,fish-ui 是一套基于 vue2 的 ui 组件库。 主要更新内容: 卡片支持 color 属性 添加时间轴组件 base.less 中颜色代码重写...

2017/12/06 15:44

fish-ui 1.0.90 新版已发布,基于vue2 的ui 组件库。

fish-ui 1.0.90 新版已发布,fish-ui 是一套基于vue2 的ui 组件库。 主要更新内容: demo 完善 添加图片组件 添加分割线组件 晚上tree demo

2017/12/05 17:38

fish-ui 1.0.88 发布,Vue 2 的组件库

fish-ui 1.0.88 新版已发布,fish-ui 是一套基于vue2 的ui 组件库。 主要更新的内容: 表格组件支持字段排序 穿梭框支持拖拽排序 css样式优化

2017/12/03 15:22

fish-ui 1.0.87 发布,增加了穿梭框组件

新版发布, 高品质的 vue UI 组件库。 更新内容: 添加穿梭框组件 下拉框组件支持 string 类型的值 菜单的 key 支持任意字符串 还有一下小的 bug

2017/12/01 10:18

没有更多内容

加载失败,请刷新页面

没有更多内容

暂无问答

python property内建函数的介绍

函数property的基本功能就是把类中的方法当作属性来访问,下面以一个有意思的例子介绍一下: 假如有一只猫,它忘了它喜欢吃什么,下面看看我们如何治好它吧 原代码: #运行环境 python2.7.10...

2015/11/04 13:09
89
0
fish 2.2.0 (July 12, 2015) 支持 vi 模式

随着 Mac 下终端的使用日益增多,系统默认的 bash 已经满足不了需求了,于是有了更为强劲的 fish 和 zsh,以及它们各自的强心剂 Oh-My-Fish 和 Oh-My-Zsh. 我的选择是 Fish 和 Oh-My-Fish。 ...

2015/07/14 14:28
21
0
sed命令

学习shell编程,sed这种利器是绝对不能少的,这里简单的介绍下sed的一些常用方法

2014/08/05 15:40
19
0
<转>sed 简明教程

awk于1977年出生,今年36岁本命年,sed比awk大2-3岁,awk就像林妹妹,sed就是宝玉哥哥了。所以 林妹妹跳了个Topless,他的哥哥sed坐不住了,也一定要出来抖一抖。 sed全名叫stream editor,流...

2013/02/21 11:58
18
0
Sed简明教程

awk于1977年出生,今年36岁本命年,sed比awk大2-3岁,awk就像林妹妹,sed就是宝玉哥哥了。所以 林妹妹跳了个Topless,他的哥哥sed坐不住了,也一定要出来抖一抖。 sed全名叫stream editor,流...

2013/11/06 22:28
225
0
餐馆那些事之:接口实现分离

1. 概念 GOF书中提到,面向对象编程第一原则: "Program to an interface, not an implementation" ,这是接口实现分离的基本思想。 我的理解: “在开发过程中,在外部用户和实现者之间加入...

2015/12/23 13:25
2
0
前端学习(css\vue\react\angular)

无论是在产品设计,还是在研发上,极简主义的应用简直无处不在。如果你和我一样热衷极简主义,那么本文分享的内容,一定是你的“菜”。在文章中,我们将与大家分享 20 个最佳的极简 CSS 框架...

2018/10/10 11:40
52
0
浅谈JavaScript 面向对象编程

封装:javascript 中创建对象的模式中,个人认为通过闭包才算的上是真正意义上的封装,所以首先我们先来简单介绍一下闭包,看下面这个例子: <script type="text/javascript">// <![CDATA[ ...

2015/09/01 20:34
13
0
C++ 多态的实现原理

1、基本概念 1)用 virtual 关键字申明的函数叫做虚函数,虚函数肯定是类的成员函数。 2)存在虚函数的类都有一个一维的虚函数表叫做虚表。类的对象有一个指向虚表开始的虚指针。虚表是和类对...

2016/10/08 21:45
50
0
equals()(转http://www.cnblogs.com/yxnchinahlj/archive/2010/09/27/1836556.html)

经过几天的学习,终于对equals的用法有了比较全面的认识,并做一个总结。 1.equals的本意——即在Object对象中定义的equals()方法有什么样的意义。 (此处先附上==的作用,后面仍有叙述。因为...

2016/11/01 22:57
4
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部