摘要:使用屬性時選中的值為的值默認值屬性類型說明組合中的所有全部禁用默認值屬性類型說明組合中所有的尺寸默認值屬性類型說明類似這樣的數組,其中指定當前項是否選中,為當前項的文字描述默認值組件組件組件組件組件組件組件組件
寫在前邊
自己在業余時間開發的一套基于vue的UI框架,初衷是在平時的開發過程中,發現有很多業務利用現有的UI框架實現起來比較麻煩,另外自己也希望可以寫一套可以盡量多的滿足業務需求,理想是開發一套支持多端,兼容性高的,同時兼容vue和react的框架,這樣以后用起來的話也比較簡單,以后如果遇到更多的不同的業務需求的話可以繼續添加需要的組件,自己維護,這樣的話可能對自己來說的話比較方便,但是也同樣的希望以后可以推廣開來,能夠有助于廣大的碼農開發的時候更加的簡單,簡化工作量。
說了這么多,感覺越說越廢話,簡單直接一點就好,剛剛開始開發,利用自己的業余時間,可能在開發進度上會有一點慢,但是會堅持開發完畢所有常用組件,后期的話會在補充其他自己覺得可用性比較強的組件,大家也可以給我提意見,或者自己在開發中遇到的場景,我會盡量放在后期組件的開發計劃中。之后希望大家多多star關注,謝謝?。?br>另外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組件
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/110041.html
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經受過時間檢驗深受廣大開發者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯網,近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經受過時間檢驗深受廣大開發者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯網,近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經受過時間檢驗深受廣大開發者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯網,近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅。可以說,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經受過時間檢驗深受廣大開發者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯網,近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
閱讀 817·2023-04-25 22:13
閱讀 2334·2019-08-30 15:56
閱讀 2216·2019-08-30 11:21
閱讀 649·2019-08-30 11:13
閱讀 2014·2019-08-26 14:06
閱讀 1949·2019-08-26 12:11
閱讀 2282·2019-08-23 16:55
閱讀 530·2019-08-23 15:30