离子含量:填充还是无填充？

Question

我正在尝试重新创建类似于此的东西.我注意到输入字段不能在里面,<ion-content class="padding">因为它们会得到一个难看的填充.另一方面,按钮需要这个衬垫,否则它会粘在一边而没有任何衬垫.

以下代码不起作用,因为它将按钮放在输入字段的顶部:

<ion-view view-title="Settings">
    <div ng-controller="ClickedCtrl">
        <ion-content>
            <div class="list">
                <label class="item item-input item-floating-label">
                    <span class="input-label">First Name</span>
                    <input type="text" placeholder="First Name" ng-mode="fname">
                </label>
            </div>
        </ion-content>
        <ion-content class="padding">
            <button class="button button-positive" ng-click="clicked()">
                Save
            </button>
        </ion-content>
    </div>
</ion-view>

更新:

这个布局是我想要的(注意输入字段没有填充,但按钮上有填充):

这个布局是我使用时得到的<ion-content class="padding">(注意输入字段上的填充):

这个布局是我使用时得到的<ion-content>(注意按钮上没有填充):

Answer 1

你应该像这样使用它:

<ion-content padding="true">

您可以从官方的Ionic示例中看到示例