明輝手游網(wǎng)中心:是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)!

elementui的默認(rèn)樣式更改方法分享

[摘要]本文主要為大家分享一篇elementui的默認(rèn)樣式修改方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,一起跟隨小編過(guò)來(lái)看看吧,希望能幫助到大家。今天用element ui ,做了個(gè)消息提示,發(fā)現(xiàn)提示的位置總是在上面,如圖:可是我想讓提示的位置到下面來(lái),該怎么辦?最后還是看了官方的api原來(lái)有個(gè)自定義...
本文主要為大家分享一篇elementui的默認(rèn)樣式修改方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,一起跟隨小編過(guò)來(lái)看看吧,希望能幫助到大家。

今天用element ui ,做了個(gè)消息提示,發(fā)現(xiàn)提示的位置總是在上面,如圖:

elementui的默認(rèn)樣式修改方法分享

可是我想讓提示的位置到下面來(lái),該怎么辦?

最后還是看了官方的api

原來(lái)有個(gè)自定義樣式屬性 customClass 設(shè)置下就好了

js代碼

elementui的默認(rèn)樣式修改方法分享

css代碼

elementui的默認(rèn)樣式修改方法分享

效果圖

elementui的默認(rèn)樣式修改方法分享

相關(guān)推薦:

vue 2.0和elementUI實(shí)現(xiàn)面包屑導(dǎo)航欄方法代碼

利用vue+elementUI部分引入組件的實(shí)現(xiàn)方法

Vue2.0、ElementUI實(shí)現(xiàn)表格翻頁(yè)

以上就是elementui的默認(rèn)樣式修改方法分享的詳細(xì)內(nèi)容,更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章!


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語(yǔ),涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。