:root { --el-color-primary: #15ae6d;}.el-button--primary { --el-button-font-color: #ffffff; --el-button-background-color: #15ae6d; --el-button-border-color: #15ae6d; --el-but._element-plus fo">
当前位置:   article > 正文

elementui plus更换主题颜色——so easy! + i18n 中文_element-plus font color

element-plus font color
想要一次性更换颜色吗?无需安装任何东西

APP.vue 文件中

<style lang="scss">
:root {
    --el-color-primary: #15ae6d;
}
.el-button--primary {
    --el-button-font-color: #ffffff;
    --el-button-background-color: #15ae6d;
    --el-button-border-color: #15ae6d;
    --el-button-hover-color: #15ae6d;
    --el-button-active-font-color: #e6e6e6;
    --el-button-active-background-color: #15ae6d;
    --el-button-active-border-color: #15ae6d;
}
</style>
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14

i18n 国际化

import zhCn from 'element-plus/es/locale/lang/zh-cn'

const app = createApp(App)
app.use(ElementPlus, {
  locale: zhCn,
})
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小小林熬夜学编程/article/detail/332435
推荐阅读