Question

我已经在离子3中完成了许多页面。但是这个特别是因为我的理解而搞得一团糟。没有应用css。只是所有平原离子成分。它看起来像：

<ion-content>
<form [formGroup]="settings" (ngSubmit)="saveSettings()">
   <ion-list no-lines padding>
      <ion-item>
        <ion-input type="text" formControlName="chatHost" placeholder="chat server url"></ion-input>
      </ion-item>  
      <ion-item >
          <ion-input type="text" formControlName="channelId" [disabled]="useGse == true" placeholder="channel id"></ion-input>
        </ion-item>

      <button ion-button type="submit" class="settings-button" [disabled]="settings.controls['chatHost'].value === ''" full>Save</button>
   </ion-list>
    </form>
</ion-content>

和外观是： https://www.dropbox.com/s/wusu10ngxukt13n/Screenshot%202017-07-28%2019.47.36.png?dl=0

Answer 1

将重复的br放在ion-list之外的按钮上。这可能会产生影响。作为旁注，我建议使用css在按钮上方创建间距而不是br。

离子3角度混乱的页面布局

1 个答案: