代码之家 › 专栏 › 技术社区 › Ryall

我怎样才能完全禁用默认的Ionic主题,这样我就可以使用Bootstrap了?

ionic3 ionic2 ionic-framework cordova angular

1

Ryall · 技术社区 · 8 年前

我对爱奥尼亚/科尔多瓦/Angular场景还不熟悉,我计划为桌面、平板电脑和(次要的)移动设备开发一个完全定制的UI应用程序。我希望用户界面在所有平台上都保持一致(更像是一个响应式网站),因此我觉得Ionic用户界面和组件并不真正适合我的目标,因为它们太倾向于获得那种“原生”的感觉。

然而,我还没有足够的深入知识来将Cordova和Angular结合到一起,使其达到与Ionic团队相同的标准,包括工具、处理程序等——我不想因为不想使用主题而放弃这些事情。

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

此外,如果你有任何其他比我上面提出的更好的建议,我很高兴听到他们。

4 回复 | 直到 8 年前

1

2

Christian Benseler 8 年前

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

您只能将Angular与Bootstrap一起使用(npm中发布了一些Angular模块来使用Bootstrap,例如: https://github.com/valor-software/ngx-bootstrap )然后使用cordova构建您的软件包/应用程序并使用其插件。

2

Ari 8 年前

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

ionic start myApp blank

可以使用以下文件替代或添加自己的样式:

只要你不使用离子 components 和爱奥尼亚 css utilities ,这就好像你正在创建一个普通的网站,但你仍然可以使用angular的帮助和风格与引导。

也就是说,ionic UI在各种平台上都是相当一致和响应的,特别是如果您 force it 在所有平台上使用某种平台风格,所以不使用其组件有点奇怪,但我可以看到它的必要性。

3

0

Melchia 8 年前

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

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

是的,您可以将引导库与ionic-like ng引导一起使用,但没有太多问题, 但是要确保你不能用引导来完全取代ionic,它只会被添加到ionic的css上。

4

0

Kei 4 年前

要禁用爱奥尼亚自己的风格,请打开你的angular。根目录中的json文件。只需删除“variables.scss”和“global.scss”文件。