У меня есть следующее:
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 ([email protected])
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-стрелки, чтобы не отображались стрелки на 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"
работает, но там отображается пустое место, а значок, который я добавил, не перемещается вправо, как должен.
попробуйте detail='false'
для удаления и detail='true'
для отображения в ion-item
если вышеперечисленное не работает, попробуйте mode='md'
проверьте этот связь
<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>
В этой структуре отсутствует документация.
попробуйте mode='md'
и detail='false'
как указано в моем ответе
Это работает! Спасибо! Есть ли возможность поместить его как переменную в /theme/variables.scss? Это потому, что у меня много элементов для редактирования...
создай отдельный вопрос и отвечу
Спасибо помогло. Но я запускаю Ionic React. поэтому мне пришлось сделать это так <IonItem detail = {false}> Incase, если кому-то интересно
Я уже пробовал detail = "false", но это не работает, в то время как detail-icon = "none" работает, но есть нежелательное пустое пространство, которое я не могу удалить. Основная проблема в том, что я не могу коснуться css глобально, потому что у меня тоже есть часть Android.