我有以下内容:
Ionic:
ionic (Ionic CLI) : 4.7.1 (/usr/local/lib/node_modules/ionic)
Ionic Framework : @ionic/angular 4.1.2
@angular-devkit/build-angular : 0.13.7
@angular-devkit/schematics : 7.2.4
@angular/cli : 7.3.7
@ionic/angular-toolkit : 1.4.1
Cordova:
cordova (Cordova CLI) : 8.1.2 (cordova-lib@8.1.1)
Cordova Platforms : android 7.1.4, browser 5.0.4, ios 4.5.5
Cordova Plugins : cordova-plugin-ionic-keyboard 2.1.3, cordova-plugin-ionic-webview 3.1.2, (and 10 other plugins)
System:
Android SDK Tools : 26.1.1 (/Users/pds/Library/Android/sdk)
NodeJS : v11.6.0 (/usr/local/bin/node)
npm : 6.5.0-next.0
OS : macOS Mojave
Xcode : Xcode 10.2 Build version 10E125
根据该文档:https://ionicframework.com/docs/api/item#detail-arrows,为了不在IOS上显示箭头,您需要将 detail属性设置为false ,但它不起作用。
<ion-item (click)="abrirUsados()" routerLink="#">
<ion-thumbnail slot="start">
<img src="/assets/img/usados.png">
</ion-thumbnail>
<ion-label>
<h3 ion-text color="primary">Usados</h3>
<p>Revisados y buen uso</p>
</ion-label>
<ion-icon name="arrow-forward" slot="end" color="primary"></ion-icon>
</ion-item>
detail-icon="none"
可以工作,但其中显示了一个空白,我添加的图标未如预期那样向右浮动。
答案 0 :(得分:0)
尝试detail='false'
删除,detail='true'
显示在离子项目中
如果上述方法无效,请尝试mode='md'
选中此link
<ion-item (click)="abrirUsados()" routerLink="#" detail="false" mode='md'>
<ion-thumbnail slot="start">
<img src="/assets/img/usados.png">
</ion-thumbnail>
<ion-label>
<h3 ion-text color="primary">Usados</h3>
<p>Revisados y buen uso</p>
</ion-label>
<ion-icon name="arrow-forward" slot="end" color="primary"></ion-icon>
</ion-item>