小白記錄 修改element ui樣式

element-ui常見樣式

1、el-form非空校驗的*號由左側移動到右側

.cust-form 

.el-form-item.is-required:not(.is-no-asterisk) .el-form-item__label-wrap>.el-form-item__label:after,
.el-form-item.is-required:not(.is-no-asterisk)>.el-form-item__label:after 
}

3、el-table 斑馬紋樣式

4、單獨設定el-table某一行的背景色

5、將el-table最後一行第3列元素的字型顏色設定成紅色

6、**首列隔行變色

7、**最後一列左對齊

.cust-table 

/*el-table 斑馬紋樣式*/
.el-table--striped .el-table__body tr.el-table__row--striped td 
/*將el-table第2行的背景色設定為黃色*/
.el-table tr:nth-child(2)
/*將el-table最後一行第3列元素的字型顏色設定成紅色*/
.el-table tr:last-child td:nth-child(3) .cell 
/***首列隔行變色*/
.el-table__body 
tbody tr.el-table__row--striped > td:first-child 
}  /***最後一列左對齊*/
.el-table tr td:last-child .cell
}

elementui修改主題

新搭建乙個vue專案，使用elementui框架，當然先安裝sass npm install sass loader node sass d 接下來就是elementui的自定義的操作步驟啦 1 安裝自定義主題工具 npm install element theme g 2 安裝chalk主題 np...

修改element ui主題色

命令列主題工具 1 安裝主題工具 在自己安裝目錄下 執行 npm install element theme dev 2 安裝chalk主題 npm install element theme chalk d 3.初始化變數檔案 主題生成工具安裝成功後，如果全域性安裝可以在命令列裡通過 et 呼叫工...

修改elementUI的原始碼

elementui版本 2.4.11 修改elementui的原始碼方式 git clone 或者git clone git github.com elemefe element.git 開發環境搭建 首先你需要 node.js 4 yarn 和 npm 3 注意 我們使用 yarn 進行依賴版本的...