我如何完全禁用默认的离子主题,以便我可以使用bootstrap



我是Ionic/Cordova/Angular场景的新手,并计划为台式机,平板电脑和(第二)移动提供完全自定义的UI应用程序。我希望UI在所有平台上都保持一致(更像一个响应式网站),因此我觉得Ionic UI和组件并不是我真正想要的,因为它们的目标是获得"本地人" 感觉。

但是,我真的没有足够的深入知识来建立科尔多瓦并将其呈现到与我确定离子团队相同的标准,使用工具,处理程序等 - 我不喜欢的东西想放弃只是因为我不想使用主题。

完全排除离子样式的最佳行动方案是什么,以便我可以将Bootstrap用作基础?我已经安装了bootstrap,但我发现它与内置样式相抵触。

另外,如果您还有其他比上面建议的更好的建议,我很乐意听到他们的声音。

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

您只能使用Bootstrap使用Angular(NPM中有一些Angular模块使用Bootstrap,例如:https://github.com/valor-software/ngx-bootstrap),然后使用Cordova来构建您的软件包/应用并使用其插件。

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

ionic start myApp blank

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

  • variales.scss:请参阅此处和这里以了解如何覆盖离子变量。
  • app.scss:全局SASS设置

只要您不使用离子组件和离子CSS实用程序,就好像您正在创建一个普通的网站一样,但您仍然可以使用Angular的帮助并使用Bootstrap进行样式。

也就是说,Ionic UI在各个平台上相当一致且响应迅速,特别是如果您强迫它为所有平台使用某种平台样式,因此不使用其组件有点奇怪,但是我可以看到需要它。

ionic用于构建移动应用程序,并集成了许多建筑工具。但是,不建议使用它创建Web应用程序。检查浏览器支持,我真的不建议这样使用。

Bootstrap只是造型HTML元素的简单框架。Cordova用于在本机应用程序上下文中包裹网页。

是的,您可以使用带有ionic的bootstrap库,例如ng-bootstrap,但是有很多问题,>添加了Ionic的CSS。

以禁用离子自己的样式,在root目录中打开angular.json文件。只需删除"变量"。和&quot" global.scsss"文件。

相关内容

  • 没有找到相关文章

最新更新