当前位置:   article > 正文

Vue3 Element-Plus 主题切换方案_element-plus 动态更换主题

element-plus 动态更换主题

1. .html 文件中,设置 <html> 标签的 “data-theme” 属性

2. 单独创建主题的样式文件 .css/.scss ,并导入

3. 样式文件中创建不同主题对象

4. 定义不同主题中的样式变量

注意:左右两个主题的变量名一样,值不同

5. 页面样式赋值

6. 通过切换功能触发,可实现不同主题切换

声明:本文内容由网友自发贡献,转载请注明出处:【wpsshop博客】
推荐阅读
相关标签
  

闽ICP备14008679号