摘要:使用属性时选中的值为的值默认值属性类型说明组合中的所有全部禁用默认值属性类型说明组合中所有的尺寸默认值属性类型说明类似这样的数组,其中指定当前项是否选中,为当前项的文字描述默认值组件组件组件组件组件组件组件组件
写在前边
自己在业余时间开发的一套基于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 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
摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。 前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...
摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。 前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...
摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。 前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...
摘要:年马上到尾声了,在这里总结一下基于和这四大框架衍生的,经受过时间检验深受广大开发者欢迎的框架。可以说是年最火的引擎类前端框架,以其美观的设计和高质量的组件很快俘获了一大批的芳心。 前端领域最近几年发展的特别迅速,可以说是百家争鸣。在底层的前端框架领域中,最早是jquery称霸互联网,近两年MVVM类型的框架慢慢成为主流,Vue、React和Angular三大框架并驾齐驱。可以说,目...
阅读 707·2023-04-25 22:13
阅读 2319·2019-08-30 15:56
阅读 2195·2019-08-30 11:21
阅读 624·2019-08-30 11:13
阅读 1997·2019-08-26 14:06
阅读 1925·2019-08-26 12:11
阅读 2256·2019-08-23 16:55
阅读 513·2019-08-23 15:30