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