问答博客资讯标签用户活动
logo极客观点logo项目管理logoHarmonyOS
开发者社区
javascript
前端
python
node.js
react
vue.js
php
laravel
go
人工智能
mysql
linux
ios
java
android
css
typescript
spring
程序员
logoONES 研发管理logo思否企业问答logo安谋科技 XPU

关于在项目中点击按钮改变element.ui组件的主题颜色

头像
gipal
    167456100

    项目是用vue.js做的，里面用到element.ui组件，需求是点击某个按钮切换页面的风格，其它的改改css就可以，但是element.ui的组件颜色无法改变。查了网上的好像是要写多个element-variables.scss来生成多个ui的颜色风格，然后引入文件。。。
    请问能否给出好的思路最好附上代码，谢谢。

    element-uivue.js
    阅读 9.1k
    1 个回答
    得票最新
    头像
    silence
      389512

      可以在body上加不同的颜色名
      <body class="black">
      <body class="blue">
      然后不同的颜色风格外用类名包裹

      body.black{
    .nav{color:black}
    ...
} 
body.red{
    .nav{color:red}
   ...
}

      点击切换类名应该是可以的

      撰写回答
      你尚未登录，登录后可以
      • 和开发者交流问题的细节
      • 关注并接收问题和回答的更新提醒
      • 参与内容的编辑和改进，让解决方法与时俱进
      推荐问题