首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何使用angular 5在SPA中使用多个主题

如何使用angular 5在SPA中使用多个主题
EN

Stack Overflow用户
提问于 2018-04-30 19:18:08
回答 2查看 396关注 0票数 0

需要帮助为单页面应用程序集成多个主题。我的web应用程序有一个登录页面,这是一个html模板,我有另一个主题用于我的app.How的其余部分,当我有一个索引html时,我是否可以避免主题样式冲突?事情是登录页面的主题应该是我的应用程序根网址,也是登录/注册页面,使用相同的样式作为登录页面theme.The其余的样式取决于我使用的其他主题,我的app.So在做这件事,我面临着严重的样式conflicts.Any帮助将真的appreciated.Thanks提前!

EN

回答 2

Stack Overflow用户

发布于 2018-04-30 19:25:28

要为特定页面封装样式,应该使用其组件的样式表,而不是全局样式表。

如果需要导入样式,应该避免在全局样式表中这样做。您可以导入特定组件的外部样式,或者,如果多个组件具有相同数量的公共样式表,则可以使用所需的所有导入创建一个通用样式表。

这应该允许使用主题化的灵活性。

票数 0
EN

Stack Overflow用户

发布于 2018-04-30 19:30:55

我会用嘟嘟声/大口气来解决这个问题。将html和css从你的应用程序中分离出来,两者都在一个自己的存储库中。将基本模板放在一个模板中,让grunt/gulp将它们复制到部署目录中。然后覆盖指定模板目录中的所有文件。假设你有这样的结构;

代码语言:javascript
运行
复制
base-template/
  index.html
  other-template.html

my-template/
  other-template.html

现在,当您复制它们时,您将拥有来自基本模板的index.html和来自特定模板的other-template.html文件,而原始模板保持不变。

您可以对css文件或任何其他资源应用类似的策略。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50099428

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档