Ionic2 如何更改所有页面的默认填充值?

Ionic2 如何更改所有页面的默认填充值?,ionic2,ionic3,Ionic2,Ionic3,我想更改ionic中填充的默认值 例如:我使用这种方式更改每个页面的值 <ion-content padding style="padding:5px;"> </ion-content> 那么,是否可以在不使用样式的情况下多次更改所有页面的填充值?好的,首先,如果要覆盖需要转到的默认填充属性值,我没有理解您的实际意思 src/theme/variables.scss文件,只需向该文件添加一个新值: $content-padding ( padding : 5px

我想更改ionic中填充的默认值

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

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


那么,是否可以在不使用样式的情况下多次更改所有页面的填充值?

好的,首先,如果要覆盖需要转到的默认填充属性值,我没有理解您的实际意思 src/theme/variables.scss文件,只需向该文件添加一个新值:

$content-padding (
  padding : 5px
) 

正确的方法是查找定义每个组件填充()的
离子SASS变量,并在
变量.scss
文件中重写它

因此,例如,如果要更改整个应用程序中
离子内容的填充,则需要覆盖
$content padding
SASS属性:

$content-padding: 10px; /* The default is 16px */
还请注意,如果您不想更改某个特定平台,您可以更改该平台:

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

如果您想更改
离子卡的填充
,只需搜索与
离子卡
组件的填充/边距相关的SASS属性,并在
variables.scss
文件中覆盖它。

是的,只需转到应用程序中所需的样式即可。scss它将被全局应用。我尝试过,但没有更改,也许我的scss代码中有错误,你能给我写一个正确的方法吗?通常我是这样做的:离子内容{padding:5px}使用这种方法没有问题,但是当我与离子卡、离子项目或任何其他东西一起使用时,“padding”字的默认值比我想要的大。所以我写这个问题是为了得到“padding”这个词的答案(如果可能的话),我用这个方法解决了这个问题*[padding]{padding:10px!important;}