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