elementui修改默認(rèn)樣式 如果ElementUI不維護(hù)了,也不再支持Vue 3了該怎么辦?
如果ElementUI不維護(hù)了,也不再支持Vue 3了該怎么辦?讓我們回到一萬(wàn)步,會(huì)有一個(gè)問(wèn)題,一個(gè)問(wèn)題,一個(gè)元素直接在頁(yè)面上重新定義CSS,或者寫(xiě)一個(gè)CSS樣式文件來(lái)介紹頁(yè)面后的元素。例如,如果我不
如果ElementUI不維護(hù)了,也不再支持Vue 3了該怎么辦?
讓我們回到一萬(wàn)步,會(huì)有一個(gè)問(wèn)題,一個(gè)問(wèn)題,一個(gè)元素
直接在頁(yè)面上重新定義CSS,或者寫(xiě)一個(gè)CSS樣式文件來(lái)介紹頁(yè)面后的元素。例如,如果我不喜歡它的圓角,我會(huì)直接定義一個(gè)CSS來(lái)去除圓角。El input內(nèi)部,.El-checkbox內(nèi)部,.El-textarea輸入,。El button{border radius:0}
下面是我的個(gè)人CSS。El-input uuuuuuuuuuuuuuuuuuu內(nèi)部{高度:33px字體大小:13px方框陰影:無(wú)邊框:1px實(shí)心#e9e9e9}.El-input uuu內(nèi)部:懸停{邊框顏色:#e9e9e9}.el-input#內(nèi)部:焦點(diǎn){邊框顏色:#42a5f5方框陰影:無(wú)過(guò)渡持續(xù)時(shí)間:.5s}.el-input uuuuuuuuuuinner::-webkit輸入占位符{行高:20px}.el-input uuuuuuuuuuuinner.el-checkbox內(nèi)部,.el-textarea內(nèi)部,。El button{border radius:0}
我今天剛開(kāi)始了解Vue cli 3.0。我開(kāi)始寫(xiě)一個(gè)演示,發(fā)現(xiàn)它是驚人的。我放棄了版本2繁瑣的網(wǎng)頁(yè)配置?,F(xiàn)在可以說(shuō)它簡(jiǎn)單明了。你甚至不需要寫(xiě)vue.config.js文件沒(méi)關(guān)系。它是免費(fèi)的。不管怎樣,它是無(wú)害的。但是如果你配置它,你會(huì)發(fā)現(xiàn)它并不麻煩。
據(jù)我所知,不應(yīng)該有任何支架可以更快、更直接地反映數(shù)組或?qū)ο蟮淖兓?/p>
另外,語(yǔ)法糖基本上沒(méi)什么變化。過(guò)去怎么用還是現(xiàn)在怎么用,但是有很多性能優(yōu)化和語(yǔ)法糖分。說(shuō)真的,我根本找不到vue-cli3.0的致命漏洞。
然后,我還看到人們?yōu)镴Q反對(duì)不公正。一年半前,我用JQ寫(xiě)作。當(dāng)時(shí),我認(rèn)為JQ是JS的最佳框架。太方便了,DOM的操作也太酷了。直到我寫(xiě)了一張課程安排項(xiàng)目卡。。。
然后我轉(zhuǎn)向一個(gè)小程序,發(fā)現(xiàn)小程序的編寫(xiě)方法是Vue。。。尤其是組件的編寫(xiě)方式。。。
畢竟,要消除Vue有點(diǎn)困難。畢竟,這個(gè)時(shí)代是數(shù)據(jù)操作的時(shí)代,而不是DOM操作的時(shí)代。
最后,我不認(rèn)為您應(yīng)該堅(jiān)持前端框架。即使將來(lái)會(huì)有更高級(jí)的框架,JS仍然是最好的。在這個(gè)框架中,我真的想不出還有什么可以玩的了。也許es會(huì)逐漸引用這些框架,然后變得如此。例如,當(dāng)您想到JS時(shí),您可以編寫(xiě)類來(lái)繼承嗎?我第一次看到它的時(shí)候,我以為它是Java。。。但現(xiàn)在我支持。。。
那為什么不關(guān)注后端呢?所有節(jié)點(diǎn)都熟練嗎?你知道迪諾嗎?PHP開(kāi)始了嗎?那蟒蛇呢?我相信這些語(yǔ)言將來(lái)會(huì)逐漸出現(xiàn)在前端知識(shí)點(diǎn)(雖然PHP已經(jīng)出現(xiàn)了,但我覺(jué)得太多了。據(jù)說(shuō)好的PHP是世界上最好的語(yǔ)言。。。)
如何修改Element-UI的input樣式?
直接在頁(yè)面上重新定義CSS,或編寫(xiě)CSS樣式文件,在元素之后引入頁(yè)面。例如,我不喜歡它的圓角,所以我直接定義了一個(gè)CSS來(lái)刪除圓角。下面是我個(gè)人用CSS來(lái)調(diào)整元素的輸入
在elementui Vue項(xiàng)目中,我使用了當(dāng)前Vue文件中的樣式,將輸入框中的樣式重置為作用域包中的樣式,這將無(wú)法生效
方法:重新定義此頁(yè)上的樣式,它可以在不寫(xiě)scoped的情況下生效
注意:為了不影響其他位置的元素樣式,需要定義一個(gè)特定的類名來(lái)區(qū)分。
Vue被淘汰了嗎?
Layui基于jQuery。當(dāng)然,在很多地方,它也直接操作Josn的數(shù)據(jù),直接顯示綁定的數(shù)據(jù)。Vue的底層是操作虛擬DOM來(lái)實(shí)現(xiàn)數(shù)據(jù)綁定。事實(shí)上,開(kāi)發(fā)商不需要在意。要編寫(xiě)Vue,它們需要在DOM的指定位置綁定數(shù)據(jù),甚至執(zhí)行一些邏輯,例如V-IF。Layui實(shí)際上是一個(gè)直接調(diào)用的打包方法。
Vue最大的問(wèn)題是,如果頁(yè)面非常復(fù)雜,DOM、數(shù)據(jù)和方法不在同一個(gè)位置,這將導(dǎo)致人員傷亡。當(dāng)然,vue3已經(jīng)解決了這個(gè)問(wèn)題,所有的邏輯都可以寫(xiě)成函數(shù)。就我個(gè)人而言,我仍然認(rèn)為簡(jiǎn)單的頁(yè)面使用Vue,復(fù)雜的業(yè)務(wù)邏輯使用jQuery
Popover。組件生效后,它將在最外層渲染,因此需要在外層指定樣式。波普爾