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

Question

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

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

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

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

Answer 1

执行此操作的正确

方法是查找定义每个组件填充的Ionic SASS variable(此处(，并在variables.scss文件中覆盖它。

例如，如果要更改整个应用中ion-content的填充，则需要覆盖 $content-padding SASS 属性：

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

另请注意，如果您不想为所有人更改它，您可以针对特定平台更改它：

$content-ios-padding: 10px;
$content-md-padding: 12px;
$content-wp-padding: 14px;

如果要更改ion-card的填充，只需搜索与ion-card组件的填充/边距相关的 SASS 属性，并在variables.scss文件中覆盖它。

Answer 2

好吧，

起初我不明白您的实际意思，如果您想覆盖需要转到的默认填充属性值src/theme/variables.scss 文件，只需向该文件添加一个新值：

$content-padding (
  padding : 5px
)