摘要:使用屬性時選中的值為的值默認值屬性類型說明組合中的所有全部禁用默認值屬性類型說明組合中所有的尺寸默認值屬性類型說明類似這樣的數(shù)組,其中指定當前項是否選中,為當前項的文字描述默認值組件組件組件組件組件組件組件組件
寫在前邊
自己在業(yè)余時間開發(fā)的一套基于vue的UI框架,初衷是在平時的開發(fā)過程中,發(fā)現(xiàn)有很多業(yè)務利用現(xiàn)有的UI框架實現(xiàn)起來比較麻煩,另外自己也希望可以寫一套可以盡量多的滿足業(yè)務需求,理想是開發(fā)一套支持多端,兼容性高的,同時兼容vue和react的框架,這樣以后用起來的話也比較簡單,以后如果遇到更多的不同的業(yè)務需求的話可以繼續(xù)添加需要的組件,自己維護,這樣的話可能對自己來說的話比較方便,但是也同樣的希望以后可以推廣開來,能夠有助于廣大的碼農(nóng)開發(fā)的時候更加的簡單,簡化工作量。
說了這么多,感覺越說越廢話,簡單直接一點就好,剛剛開始開發(fā),利用自己的業(yè)余時間,可能在開發(fā)進度上會有一點慢,但是會堅持開發(fā)完畢所有常用組件,后期的話會在補充其他自己覺得可用性比較強的組件,大家也可以給我提意見,或者自己在開發(fā)中遇到的場景,我會盡量放在后期組件的開發(fā)計劃中。之后希望大家多多star關注,謝謝!!
另外API文檔暫時還沒有開始寫,所以可能看起來比較麻煩,等到開發(fā)完畢之后會上線API文檔?。?/p>
已開發(fā)完畢的組件:
— Alter警告提示
— Badge徽標
— Button按鈕
— ButtonGroup按鈕組
— Card卡片
— Checkbox復選框
— CheckboxGroup復選框組
— Drawer抽屜
— Input輸入框(支持text/number/textarea/search/password類型)
— Message信息提示(調用類似:this.$Message.info(config))
— Modal模態(tài)框(支持實例化,如:this.$Modal.info(config))
— Popover氣泡提示
— Tooltip文字提示
— Progress進度條
— Radio單選
— RadioGroup單選組
— Slider滑塊
— Switch開關
— Tag標簽
— Upload上傳
其他組件后續(xù)開發(fā)中!!
歡迎star支持一下,由于業(yè)余時間有限,開發(fā)進度不定,但是會堅持把所有組件開發(fā)完畢,希望大家多多關注?。?!
暫時還沒有寫API文檔,后續(xù)會完善并上線,謝謝!
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 說明:自定義顯示內(nèi)容,如果設置了status則為點狀態(tài)的文本 默認值:-
屬性:status 類型:String 說明:可選值success/error/warning/processing/default 默認值:-
屬性:color 類型:String 說明:自定義badge的顏色 默認值:-
屬性:offset 類型:Array 說明:badge的位置偏移,格式為[x,y] 默認值:-
屬性:title 類型:String 說明:設置鼠標經(jīng)過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狀態(tài) 默認值: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"}]這樣的數(shù)組,其中value指定當前項是否選中,label為當前項的文字描述 默認值:[]Radio組件 Input組件 Select組件 Drawer組件 Progress組件 Slider組件 Switch組件 Upload組件
文章版權歸作者所有,未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉載請注明本文地址:http://m.hztianpu.com/yun/110041.html
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經(jīng)受過時間檢驗深受廣大開發(fā)者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發(fā)展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯(lián)網(wǎng),近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經(jīng)受過時間檢驗深受廣大開發(fā)者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發(fā)展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯(lián)網(wǎng),近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經(jīng)受過時間檢驗深受廣大開發(fā)者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發(fā)展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯(lián)網(wǎng),近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅??梢哉f,目...
摘要:年馬上到尾聲了,在這里總結一下基于和這四大框架衍生的,經(jīng)受過時間檢驗深受廣大開發(fā)者歡迎的框架??梢哉f是年最火的引擎類前端框架,以其美觀的設計和高質量的組件很快俘獲了一大批的芳心。 前端領域最近幾年發(fā)展的特別迅速,可以說是百家爭鳴。在底層的前端框架領域中,最早是jquery稱霸互聯(lián)網(wǎng),近兩年MVVM類型的框架慢慢成為主流,Vue、React和Angular三大框架并駕齊驅。可以說,目...
閱讀 966·2023-04-25 22:13
閱讀 2403·2019-08-30 15:56
閱讀 2288·2019-08-30 11:21
閱讀 716·2019-08-30 11:13
閱讀 2076·2019-08-26 14:06
閱讀 2028·2019-08-26 12:11
閱讀 2351·2019-08-23 16:55
閱讀 596·2019-08-23 15:30