资讯专栏INFORMATION COLUMN

一套基于vue2.0高质量的UI框架,前期开发中

explorer_ddf / 1905人阅读

摘要:使用属性时选中的值为的值默认值属性类型说明组合中的所有全部禁用默认值属性类型说明组合中所有的尺寸默认值属性类型说明类似这样的数组,其中指定当前项是否选中,为当前项的文字描述默认值组件组件组件组件组件组件组件组件

写在前边

自己在业余时间开发的一套基于vue的UI框架,初衷是在平时的开发过程中,发现有很多业务利用现有的UI框架实现起来比较麻烦,另外自己也希望可以写一套可以尽量多的满足业务需求,理想是开发一套支持多端,兼容性高的,同时兼容vue和react的框架,这样以后用起来的话也比较简单,以后如果遇到更多的不同的业务需求的话可以继续添加需要的组件,自己维护,这样的话可能对自己来说的话比较方便,但是也同样的希望以后可以推广开来,能够有助于广大的码农开发的时候更加的简单,简化工作量。
说了这么多,感觉越说越废话,简单直接一点就好,刚刚开始开发,利用自己的业余时间,可能在开发进度上会有一点慢,但是会坚持开发完毕所有常用组件,后期的话会在补充其他自己觉得可用性比较强的组件,大家也可以给我提意见,或者自己在开发中遇到的场景,我会尽量放在后期组件的开发计划中。之后希望大家多多star关注,谢谢!!
另外API文档暂时还没有开始写,所以可能看起来比较麻烦,等到开发完毕之后会上线API文档!!

已开发完毕的组件:
— Alter警告提示
— Badge徽标
— Button按钮
— ButtonGroup按钮组
— Card卡片
— Checkbox复选框
— CheckboxGroup复选框组
— Drawer抽屉
— Input输入框(支持text/number/textarea/search/password类型)
— Message信息提示(调用类似:this.$Message.info(config))
— Modal模态框(支持实例化,如:this.$Modal.info(config))
— Popover气泡提示
— Tooltip文字提示
— Progress进度条
— Radio单选
— RadioGroup单选组
— Slider滑块
— Switch开关
— Tag标签
— Upload上传
其他组件后续开发中!!
欢迎star支持一下,由于业余时间有限,开发进度不定,但是会坚持把所有组件开发完毕,希望大家多多关注!!!
暂时还没有写API文档,后续会完善并上线,谢谢!
github地址:https://github.com/chengllNic...

下面是部分API: Button组件

API
Button props

属性:type

类型:String

说明:可选值primary/success/warning/danger/info/default

默认值:default
属性:disabled

类型:Boolean

说明:可选值true/false

默认值:false
属性:loading

类型:Boolean

说明:可选值true/false

默认值:false
属性:block

类型:Boolean

说明:可选值true/false

默认值:false
属性:circle

类型:Boolean

说明:可选值true/false

默认值:false
属性:icon

类型:String

说明:icon图标名称

默认值:-
属性:size

类型:String

说明:可选值mini/small/default/large

默认值:-

Alter组件

Badge组件

API
badge props

属性:count

类型:Number

说明:-

默认值:-
属性:overflowCount

类型:Number

说明:-

默认值:99
属性:dot

类型:Boolean

说明:可选值true/false

默认值:false
属性:showZero

类型:Boolean

说明:可选值true/false

默认值:false
属性:text

类型:String

说明:自定义显示内容,如果设置了status则为点状态的文本

默认值:-
属性:status

类型:String

说明:可选值success/error/warning/processing/default

默认值:-
属性:color

类型:String

说明:自定义badge的颜色

默认值:-
属性:offset

类型:Array

说明:badge的位置偏移,格式为[x,y]

默认值:-
属性:title

类型:String

说明:设置鼠标经过badge的提示,默认text或者count

默认值:-

Checkbox组件

API
checkbox props

属性:value

类型:Number, String, Boolean

说明:只有多带带使用是可以使用v-model绑定值,设置true-value和false-value时返回设置的值,默认返回boolean值

默认值:false
属性:label

类型:Number, String, Boolean

说明:多带带使用时该项值为文字描述。组合使用时,如果使用组合的options属性,该项值为文字描述;使用slot的checkbox时,该项为判断当前项是否选中

默认值:
属性:indeterminate

类型:Boolean

说明:只负责样式控制,设置indeterminate状态

默认值:false
属性:disabled

类型:Boolean

说明:可选值true/false

默认值:false
属性:name

类型:String

说明:原生name属性

默认值:-
属性:trueValue

类型:Number, String, Boolean

说明:设置选中时的值

默认值:true
属性:falseValue

类型:Number, String, Boolean

说明:设置取消选中时的值

默认值:false
属性:size

类型:String

说明:checkbox尺寸,可选值small/default/large

默认值:default

API
checkboxGroup props

属性:value

类型:Array

说明:指定选中的集合,使用v-model双向绑定。checkbox指定的label的值。使用options属性时选中的值为value的值

默认值:[]
属性:disabled

类型:Boolean

说明:组合中的所有checkbox全部禁用

默认值:false
属性:size

类型:String

说明:组合中所有checkbox的尺寸

默认值:false
属性:options

类型:Array

说明:类似[{value: "0", label: "checkbox"}]这样的数组,其中value指定当前项是否选中,label为当前项的文字描述

默认值:[]

Radio组件

Input组件

Select组件

Drawer组件

Progress组件

Slider组件

Switch组件

Upload组件

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/110041.html

相关文章

  • 2017年最受欢迎UI框架

    摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。   前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...

    ernest.wang 评论0 收藏0
  • 2017年最受欢迎UI框架

    摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。   前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...

    elliott_hu 评论0 收藏0
  • 2017年最受欢迎UI框架

    摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。   前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...

    Profeel 评论0 收藏0
  • 2017年最受欢迎UI框架

    摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。   前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...

    hufeng 评论0 收藏0

发表评论

0条评论

explorer_ddf

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<