vue 如何从后台后去css文件路径以后,动态的添加到页面,切换主题

现在想做,多套主题,而且主题css 是通过后台上传css文件
前台通过接口,获取css文件路径,然后引用
仓试过动态的创建link添加到页面,但是没有渲染css效果,只是添加进去了
有人解决过这个问题吗

阅读 2.3k
1 个回答

我切换主题没有使用这种办法, 你使用link 添加css ,样式是不是被覆盖掉了,你可以从控制台看下样式是否用上去了,或者被覆盖

我切换主题使用的办法是在dom 跟节点加个className ,然后切换不同主题对应不同的className ,css 配置样式
//主题1
.theme-star >.app-wrapper{

background:url(../../assets/star-squashed.jpeg);

background-size:100%100%;

}

//另外一个主题
.theme-gradual > .app-wrapper{

background:url(../../assets/star-squashed.jpeg);

background-size:100%100%;

}

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