根據(jù)數(shù)字不同顯示不同的狀態(tài)--函數(shù)法
之前為大家分享了根據(jù)后端返回的數(shù)字來顯示不同的文字和狀態(tài)，方法是在回調(diào)函數(shù)中直接處理改變數(shù)據(jù)。這里為大家分享另一種方法，正常獲得回調(diào)函數(shù)中的值，改為直接在element表格中通過插槽和函數(shù)來改變文字。通過作用域插槽拿到表格的數(shù)據(jù)，傳遞該數(shù)據(jù)使函數(shù)生效，進(jìn)而改變文字。這里還可以通過三目運(yùn)算符來判斷數(shù)字來改變css，以達(dá)到不同顏色不同文字的效果。
CSS偽類與偽元素的區(qū)別及用法
偽類與偽元素統(tǒng)稱為偽選擇器。首先舉兩個(gè)簡(jiǎn)單地例子看一下區(qū)別偽類的:first-child的舉例我們?nèi)绻胍op中的第一個(gè)span更改顏色，通常的做法就是向他添加一個(gè)類，然后定義其樣式。代碼如下：這里我們更換一種方法，不用添加類我們直接設(shè)置第一個(gè)的:first-child偽類來為它添加樣式。 這個(gè)時(shí)候，被修飾的元素依然處于文檔樹中，以上兩個(gè)方法的效果都是相同的。下面來看偽元素的...
CSS實(shí)現(xiàn)三角形
早上好，歡迎觀看濟(jì)南軟件開發(fā)的網(wǎng)站，我們是文匯軟件，專業(yè)app開發(fā),系統(tǒng)開發(fā),微信小程序開發(fā)。今天給大家分享一下用css實(shí)現(xiàn)三角形。將一個(gè)div的寬度和高度設(shè)置為0，然后設(shè)置邊框樣式.triangle{ width: 0; height: 0; border-top: 50px solid black; border-right: 50px solid red; bo...
推薦的CSS書寫順序、規(guī)范
下午好 ，歡迎觀看濟(jì)南app開發(fā)山東文匯的官網(wǎng)， 昨天給大家分享了CSS 優(yōu)化、提高性能的方法，今天給大家分享一下css書寫順序和規(guī)范。寫了那么長(zhǎng)時(shí)間的代碼，也看了不少教程。在某篇教程中得知css也是有書寫順序的。css書寫順序：位置屬性 (position, top, right, z-index, display, float等) 大小 (width, height, padding, ma...
CSS 優(yōu)化、提高性能的方法
早上好，今天 是2019/12/9；天氣陰，歡迎觀看濟(jì)南app開發(fā),微信小程序開發(fā),系統(tǒng)開發(fā)官網(wǎng)。1、盡量將樣式寫在單獨(dú)的css文件里面，在head元素中引用有時(shí)候?yàn)榱藞D方便或者快速搞定功能，我們可能會(huì)直接將樣式寫在頁面的style標(biāo)簽或者直接內(nèi)聯(lián)在元素上，這樣雖然簡(jiǎn)單方便，但是后期維護(hù)起來是比較麻煩的。將代碼寫成單獨(dú)的css文件有幾點(diǎn)好處：(1)內(nèi)容和樣式分離，易于管理和維護(hù)(2)減少頁面體積(...
