如何完全禁用默认的Ionic主题,以便我可以使用Bootstrap?

时间:2017-11-21 13:02:58

标签: angular cordova ionic-framework ionic2 ionic3

我是Ionic / Cordova / Angular场景的新手,我打算为台式机,平板电脑和(其次)手机制作完全自定义的UI应用程序。我希望UI在所有平台上保持一致(更像是响应式网站),所以我觉得Ionic UI和组件并不适合我想要的东西,因为它们太过针对性地获取“原生” “感觉。

然而,我还没有足够深入的知识将Cordova和Angular一起设置为我确信Ionic团队所做的相同标准,包括工具,处理程序等 - 我不喜欢的事情我想放弃只是因为我不想使用主题。

完全排除Ionic风格的最佳做法是什么,以便我可以只使用Bootstrap作为基础?我已经安装了Bootstrap,但我发现它与内置样式有冲突。

此外,如果您有任何其他更好的建议,而不是我上面的建议,我会很高兴听到它们。

3 个答案:

答案 0 :(得分:2)

如果您不想使用Ionic ...只是不要使用Ionic,而不是使用它,然后尝试禁用功能。

你只能使用Angular和Bootstrap(在npm中发布了一些使用Bootstrap的角度模块,比如:https://github.com/valor-software/ngx-bootstrap),然后使用cordova构建你的包/ app并使用它的插件。

答案 1 :(得分:2)

只需使用离子框架和cordova插件,但避免使用任何离子组件(即以<ion-*>标签开头的标签)。此外,如果您不想要离子标签,只需创建一个空白的离子项目:

ionic start myApp blank

您可以使用以下文件覆盖或添加自己的样式:

  • variales.scss:请参阅herehere,了解如何覆盖离子变量。
  • app.scss:全球sass设置

只要您不使用离子components和离子css utilities,就好像您正在创建一个普通的网站,但您仍然可以使用有角度的帮助和用引导程序设计它。

也就是说,离子UI在各种平台上相当一致且响应迅速,特别是如果你force it为所有平台使用某种平台风格,所以不使用它的组件有点奇怪,但我可以看到需要它。

答案 2 :(得分:1)

Ionic用于构建移动应用程序,并集成了许多构建工具。但不建议使用它创建Web应用程序。 检查browser support,我真的不建议那样使用它。

Bootstrap只是一个用于样式化html元素的简单框架。 Cordova用于在本机应用程序环境中包装网页。

是的,你可以使用带有离子的ng-bootstrap的Bootstrap库,但是有很多问题,但是一定要知道你将无法用bootstrap完全替换离子,它只会是添加了离子的css。