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

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

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

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

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

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

最后還是看了官方的api

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

js代碼

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

css代碼

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

效果圖

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

相關(guān)推薦:

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

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

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

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


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