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

想要一次性更换颜色吗？无需安装任何东西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

可乐KL

2690人浏览 · 2021-10-12 09:48:24

可乐KL · 2021-10-12 09:48:24 发布

想要一次性更换颜色吗？无需安装任何东西

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>

i18n 国际化

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

const app = createApp(App)
app.use(ElementPlus, {
  locale: zhCn,
})

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^