這期內(nèi)容當中小編將會給大家?guī)碛嘘P(guān)開源UI組件庫Rubik UI怎么用，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)公司堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站設(shè)計、企業(yè)官網(wǎng)、英文網(wǎng)站、手機端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的云縣網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

RubikUI是一個基于vue.js2.0+的開源UI組件庫，在交互和視覺設(shè)計上遵循MaterialDesign規(guī)范，適用于PC端和mobile端。部分內(nèi)部系統(tǒng)和一些小應(yīng)用已經(jīng)開始使用，開源版本還在開發(fā)完善中。

RubikUI使用

npm安裝

$npminstalli-rubik--save

$yarnaddi-rubik

Rubik初始化

importVuefrom'vue'

importRubikfrom'i-rubik'

Vue.use(Rubik)

exportdefault{

name:'app',

mounted(){

this.$rubik.init()

}

}

引入字體

引入css

部分內(nèi)部系統(tǒng)和一些小應(yīng)用已經(jīng)開始使用，開源版本還在開發(fā)完善中。

上述就是小編為大家分享的開源UI組件庫Rubik UI怎么用了，如果剛好有類似的疑惑，不妨參照上述分析進行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當前文章：開源UI組件庫RubikUI怎么用-創(chuàng)新互聯(lián)
網(wǎng)頁網(wǎng)址：http://weahome.cn/article/csjsdi.html