如何更改所有离子页面的填充的默认值？

Question

我想更改离子填充的默认值！

例如：我使用这种方式更改每个页面的值

<ion-content padding style="padding:5px;">
</ion-content>

那么，是否可以多次更改所有页面的填充值而不使用样式？

Answer 1

执行此操作的正确方法是查找定义每个组件的填充的Ionic SASS variable（ here ），并在{{1}中覆盖它文件。

例如，如果您想更改整个应用中variables.scss的填充，则需要覆盖ion-content SASS属性：

$content-padding

另请注意，如果您不想为所有人更改，可以根据需要更改特定平台：

$content-padding: 10px; /* The default is 16px */

如果要更改$content-ios-padding: 10px; $content-md-padding: 12px; $content-wp-padding: 14px; 的填充，只需搜索与ion-card组件的填充/边距相关的SASS属性，并在ion-card文件中覆盖它。

Answer 2

好的，如果你想要覆盖你需要去的默认填充属性值，我开始没有得到你的意思 src / theme / variables.scss文件，只需在文件中添加一个新值：

$content-padding (
  padding : 5px
)