成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

一套基于vue2.0高質(zhì)量的UI框架，前期開發(fā)中

explorer_ddf / 2040人閱讀

摘要：使用屬性時(shí)選中的值為的值默認(rèn)值屬性類型說明組合中的所有全部禁用默認(rèn)值屬性類型說明組合中所有的尺寸默認(rèn)值屬性類型說明類似這樣的數(shù)組，其中指定當(dāng)前項(xiàng)是否選中，為當(dāng)前項(xiàng)的文字描述默認(rèn)值組件組件組件組件組件組件組件組件

寫在前邊

自己在業(yè)余時(shí)間開發(fā)的一套基于vue的UI框架，初衷是在平時(shí)的開發(fā)過程中，發(fā)現(xiàn)有很多業(yè)務(wù)利用現(xiàn)有的UI框架實(shí)現(xiàn)起來比較麻煩，另外自己也希望可以寫一套可以盡量多的滿足業(yè)務(wù)需求，理想是開發(fā)一套支持多端，兼容性高的，同時(shí)兼容vue和react的框架，這樣以后用起來的話也比較簡單，以后如果遇到更多的不同的業(yè)務(wù)需求的話可以繼續(xù)添加需要的組件，自己維護(hù)，這樣的話可能對(duì)自己來說的話比較方便，但是也同樣的希望以后可以推廣開來，能夠有助于廣大的碼農(nóng)開發(fā)的時(shí)候更加的簡單，簡化工作量。
說了這么多，感覺越說越廢話，簡單直接一點(diǎn)就好，剛剛開始開發(fā)，利用自己的業(yè)余時(shí)間，可能在開發(fā)進(jìn)度上會(huì)有一點(diǎn)慢，但是會(huì)堅(jiān)持開發(fā)完畢所有常用組件，后期的話會(huì)在補(bǔ)充其他自己覺得可用性比較強(qiáng)的組件，大家也可以給我提意見，或者自己在開發(fā)中遇到的場(chǎng)景，我會(huì)盡量放在后期組件的開發(fā)計(jì)劃中。之后希望大家多多star關(guān)注，謝謝?。?br>另外API文檔暫時(shí)還沒有開始寫，所以可能看起來比較麻煩，等到開發(fā)完畢之后會(huì)上線API文檔??！

已開發(fā)完畢的組件：
— Alter警告提示
— Badge徽標(biāo)
— Button按鈕
— ButtonGroup按鈕組
— Card卡片
— Checkbox復(fù)選框
— CheckboxGroup復(fù)選框組
— Drawer抽屜
— Input輸入框（支持text/number/textarea/search/password類型）
— Message信息提示（調(diào)用類似：this.$Message.info(config)）
— Modal模態(tài)框（支持實(shí)例化，如：this.$Modal.info(config)）
— Popover氣泡提示
— Tooltip文字提示
— Progress進(jìn)度條
— Radio單選
— RadioGroup單選組
— Slider滑塊
— Switch開關(guān)
— Tag標(biāo)簽
— Upload上傳
其他組件后續(xù)開發(fā)中！！
歡迎star支持一下，由于業(yè)余時(shí)間有限，開發(fā)進(jìn)度不定，但是會(huì)堅(jiān)持把所有組件開發(fā)完畢，希望大家多多關(guān)注?。?！
暫時(shí)還沒有寫API文檔，后續(xù)會(huì)完善并上線，謝謝！
github地址：https://github.com/chengllNic...

下面是部分API: Button組件

API
Button props

屬性：type

類型：String

說明：可選值primary/success/warning/danger/info/default

默認(rèn)值：default
屬性：disabled

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：loading

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：block

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：circle

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：icon

類型：String

說明：icon圖標(biāo)名稱

默認(rèn)值：-
屬性：size

類型：String

說明：可選值mini/small/default/large

默認(rèn)值：-

Alter組件

Badge組件

API
badge props

屬性：count

類型：Number

說明：-

默認(rèn)值：-
屬性：overflowCount

類型：Number

說明：-

默認(rèn)值：99
屬性：dot

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：showZero

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：text

類型：String

說明：自定義顯示內(nèi)容，如果設(shè)置了status則為點(diǎn)狀態(tài)的文本

默認(rèn)值：-
屬性：status

類型：String

說明：可選值success/error/warning/processing/default

默認(rèn)值：-
屬性：color

類型：String

說明：自定義badge的顏色

默認(rèn)值：-
屬性：offset

類型：Array

說明：badge的位置偏移，格式為[x,y]

默認(rèn)值：-
屬性：title

類型：String

說明：設(shè)置鼠標(biāo)經(jīng)過badge的提示，默認(rèn)text或者count

默認(rèn)值：-

Checkbox組件

API
checkbox props

屬性：value

類型：Number, String, Boolean

說明：只有多帶帶使用是可以使用v-model綁定值，設(shè)置true-value和false-value時(shí)返回設(shè)置的值，默認(rèn)返回boolean值

默認(rèn)值：false
屬性：label

類型：Number, String, Boolean

說明：多帶帶使用時(shí)該項(xiàng)值為文字描述。組合使用時(shí)，如果使用組合的options屬性，該項(xiàng)值為文字描述；使用slot的checkbox時(shí)，該項(xiàng)為判斷當(dāng)前項(xiàng)是否選中

默認(rèn)值：
屬性：indeterminate

類型：Boolean

說明：只負(fù)責(zé)樣式控制，設(shè)置indeterminate狀態(tài)

默認(rèn)值：false
屬性：disabled

類型：Boolean

說明：可選值true/false

默認(rèn)值：false
屬性：name

類型：String

說明：原生name屬性

默認(rèn)值：-
屬性：trueValue

類型：Number, String, Boolean

說明：設(shè)置選中時(shí)的值

默認(rèn)值：true
屬性：falseValue

類型：Number, String, Boolean

說明：設(shè)置取消選中時(shí)的值

默認(rèn)值：false
屬性：size

類型：String

說明：checkbox尺寸，可選值small/default/large

默認(rèn)值：default

API
checkboxGroup props

屬性：value

類型：Array

說明：指定選中的集合，使用v-model雙向綁定。checkbox指定的label的值。使用options屬性時(shí)選中的值為value的值

默認(rèn)值：[]
屬性：disabled

類型：Boolean

說明：組合中的所有checkbox全部禁用

默認(rèn)值：false
屬性：size

類型：String

說明：組合中所有checkbox的尺寸

默認(rèn)值：false
屬性：options

類型：Array

說明：類似[{value: "0", label: "checkbox"}]這樣的數(shù)組，其中value指定當(dāng)前項(xiàng)是否選中，label為當(dāng)前項(xiàng)的文字描述

默認(rèn)值：[]

Radio組件

Input組件

Select組件

Drawer組件

Progress組件

Slider組件

Switch組件

Upload組件

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/110041.html

相關(guān)文章

  • 2017年最受歡迎的UI框架

    摘要：年馬上到尾聲了，在這里總結(jié)一下基于和這四大框架衍生的，經(jīng)受過時(shí)間檢驗(yàn)深受廣大開發(fā)者歡迎的框架?？梢哉f是年最火的引擎類前端框架，以其美觀的設(shè)計(jì)和高質(zhì)量的組件很快俘獲了一大批的芳心。 　　前端領(lǐng)域最近幾年發(fā)展的特別迅速，可以說是百家爭鳴。在底層的前端框架領(lǐng)域中，最早是jquery稱霸互聯(lián)網(wǎng)，近兩年MVVM類型的框架慢慢成為主流，Vue、React和Angular三大框架并駕齊驅(qū)?？梢哉f，目...

    ernest.wang 評(píng)論0 收藏0

  • 2017年最受歡迎的UI框架

    摘要：年馬上到尾聲了，在這里總結(jié)一下基于和這四大框架衍生的，經(jīng)受過時(shí)間檢驗(yàn)深受廣大開發(fā)者歡迎的框架?？梢哉f是年最火的引擎類前端框架，以其美觀的設(shè)計(jì)和高質(zhì)量的組件很快俘獲了一大批的芳心。 　　前端領(lǐng)域最近幾年發(fā)展的特別迅速，可以說是百家爭鳴。在底層的前端框架領(lǐng)域中，最早是jquery稱霸互聯(lián)網(wǎng)，近兩年MVVM類型的框架慢慢成為主流，Vue、React和Angular三大框架并駕齊驅(qū)。可以說，目...

    elliott_hu 評(píng)論0 收藏0

  • 2017年最受歡迎的UI框架

    摘要：年馬上到尾聲了，在這里總結(jié)一下基于和這四大框架衍生的，經(jīng)受過時(shí)間檢驗(yàn)深受廣大開發(fā)者歡迎的框架?？梢哉f是年最火的引擎類前端框架，以其美觀的設(shè)計(jì)和高質(zhì)量的組件很快俘獲了一大批的芳心。 　　前端領(lǐng)域最近幾年發(fā)展的特別迅速，可以說是百家爭鳴。在底層的前端框架領(lǐng)域中，最早是jquery稱霸互聯(lián)網(wǎng)，近兩年MVVM類型的框架慢慢成為主流，Vue、React和Angular三大框架并駕齊驅(qū)。可以說，目...

    Profeel 評(píng)論0 收藏0

  • 2017年最受歡迎的UI框架

    摘要：年馬上到尾聲了，在這里總結(jié)一下基于和這四大框架衍生的，經(jīng)受過時(shí)間檢驗(yàn)深受廣大開發(fā)者歡迎的框架。可以說是年最火的引擎類前端框架，以其美觀的設(shè)計(jì)和高質(zhì)量的組件很快俘獲了一大批的芳心。 　　前端領(lǐng)域最近幾年發(fā)展的特別迅速，可以說是百家爭鳴。在底層的前端框架領(lǐng)域中，最早是jquery稱霸互聯(lián)網(wǎng)，近兩年MVVM類型的框架慢慢成為主流，Vue、React和Angular三大框架并駕齊驅(qū)?？梢哉f，目...

    hufeng 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<