时间戳

首页 > 解决方案 > 热门在 Vue.js 中设置路由特定的“全局”样式

javascript - 热门在 Vue.js 中设置路由特定的“全局”样式

问题描述

我刚刚购买了两个 Vue.js 主题，我正在尝试将它们组合在一起（一个类似于演示主题，另一个是仪表板主题）。除了样式部分，我设法完成了大部分合并。在 main.js 中声明两个主题的 *.scss 和 *.css 时，它们最终会发生冲突。

我已经尝试通过文档尝试我找到的所有内容，例如声明样式文件，但组件继承了父视图的样式，因此它们最终看起来比以前更糟。

来自 main.js：

Vue.use(VueRouter);
Vue.use(Presentation);
Vue.use(Dashboard);

从演示插件：

import "vue-material/dist/vue-material.min.css";
import "@/assets/surface/scss/material.scss";
import "@/assets/surface/main.css";

Dashboard 插件具有相同的导入，但具有不同的文件。

我想要做的是有两种全局样式，我可以将它们分配给不同的路由集（演示文稿和仪表板），但如果有人有更好的解决方法，我愿意改变。

标签： javascriptcssvue.jssass

解决方案

推荐阅读