当前位置:   article > 正文

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

element-plus 动态更换主题

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

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

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

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

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

5. 页面样式赋值

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

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/Monodyee/article/detail/82142
推荐阅读
相关标签
  

闽ICP备14008679号