如何解决带有 Ionic3 的 HTML,如何分隔行
我有这个 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
上使用这个类。与此同时,在 ion-row
margin-bottom
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。