vuex狀態管理 概述 vuex主要由state,mutations,actions,getters四部分構成(modules本文暫不闡述) state 全局狀態,只讀 組件讀取state方式 根組件上引入並掛載store對象,其他組件在計算屬性通過$store獲取狀態 可以在計算屬性上使用mapS ...
思路:Element Plus提供了樣式變數,我的解決思路就是修改其樣式變數。
新建外部樣式 xxx.css
加入內容:
.el-button--primary {
--el-button-bg-color: #409eff;
--el-button-hover-bg-color: #409eff;
}
.el-button--primary:hover {
--el-button-hover-bg-color: #79bbff;
}
.el-button--warning.is-plain {
--el-button-bg-color: #fdf6ec;
--el-button-hover-text-color: #e6a23c;
--el-button-hover-bg-color: #fdf6ec;
}
.el-button--warning.is-plain:hover {
--el-button-hover-text-color: #fff;
--el-button-hover-bg-color: #e6a23c;
}
.el-button--danger.is-plain {
--el-button-bg-color: #fef0f0;
--el-button-hover-text-color: #f56c6c;
--el-button-hover-bg-color: #fef0f0;
}
.el-button--danger.is-plain:hover {
--el-button-hover-text-color: #fff;
--el-button-hover-bg-color: #f56c6c;
}
然後將xxx.css 引入到頁面中。註:不知道怎麼滴,全局引入頁面的按鈕不起作用,需要的單個頁面中引入。
以上內容只修改部分按鈕的點擊效果,如需修改多個按鈕,依次添加。
如有更好的解決思路和方案歡迎回覆,
如有更好的解決思路和方案歡迎回覆,
如有更好的解決思路和方案歡迎回覆
如有更好的解決思路和方案歡迎回覆,