升级到 Ionic 5 后，padding 属性不再像 Ionic 4 中那样起作用：
<ion-content color="primary" padding></ion-content>
有修复吗？
Ionic v4 中的故事：
不推荐使用属性Ionic v4如果您在开发人员控制台中注意到，Ionic 4 会发出使用这些属性进行样式设置的警告。
Ionic v5 中的故事：
In Ionic v5，这些属性被永久删除并被 CSS 类取代。因此，即使代码中存在这些属性，也不会产生任何效果。
根据重大变更https://github.com/ionic-team/ionic/blob/v5.0.0/BREAKING.md#css https://github.com/ionic-team/ionic/blob/v5.0.0/BREAKING.md#css:
我们最初为样式组件添加了 CSS 实用属性，因为它是一种快速简单的换行文本或向元素添加填充的方法。一旦我们添加了对多个框架的支持作为“Ionic for every”方法的一部分，我们很快就确定在使用 JSX 和 Typescript 的框架中使用 CSS 属性存在问题。为了解决这个问题，我们添加了 CSS 类。为了保持一致性，我们决定删除 CSS 属性并支持所有框架中有效的内容（类），而不是在某些框架中支持 CSS 属性并在其他框架中支持 CSS 属性。除此之外，更改为以 ion 为前缀的类可以避免与本机属性和用户的 CSS 发生冲突。在最新版本的 Ionic 4 中，控制台中打印了弃用警告，以显示新类是什么，并且文档已更新，因为添加了对类的支持以删除对属性的所有引用
解决方案：
您需要将所有属性替换为 CSS 类。例如：
Before
<ion-header text-center></ion-header>
<ion-content padding></ion-content>
After
<ion-header class="ion-text-center"></ion-header>
<ion-content class="ion-padding"></ion-content>
对于您的情况，更换
<ion-content color="primary" padding></ion-content>
to
<ion-content color="primary" class="ion-padding"></ion-content>
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
