[英]HTML with Ionic3, how to seperate rows
我有這個 HTML 我需要分開每一行,我該怎么做?
這就是我所擁有的:
<ion-grid class="grid-16 box">
<ion-row *ngFor="let device of connectedDevices" align-items-center>
<button ion-item ion-col col-12 (click)="selectDevice(device)">
<ion-col col-auto><img [src]="getIcon(device.physAddress)" height="28"></ion-col>
<ion-col>{{ getName(device.physAddress, device.hostName) }}</ion-col>
<ion-col col-auto>
<ion-row>
<ion-col class="grid connection">
<img *ngIf="device.interfaceType == 'Wifi'" src="assets/icon/ico_device_wifi.svg" width="21">
<img *ngIf="device.interfaceType == 'Ethernet'" src="assets/icon/ico_device_lan.svg" width="21">
</ion-col>
</ion-row>
<ion-row>
<ion-col class="grid success">{{ liveboxWifiDevicesCms.literalConnected }}</ion-col>
</ion-row>
</ion-col>
</button>
</ion-row>
</ion-grid>
這就是我需要的:
你用過的那個box
我猜是那個有陰影的盒子。 在ion-row
而不是ion-grid
上使用此 class 。 除此之外,在 ion-row 中使用一些margin-bottom
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.