Ionic 2 文档使箭头看起来像是自动附带的。然而,它对我来说不是那样工作的。
https://ionicframework.com/docs/components/#lists
<ion-list>
<ion-item>
<p>Terms Of Use</p>
</ion-item>
<ion-item>
<p>Privacy Policy</p>
</ion-item>
</ion-list>
您所说的箭头是详细信息箭头(文档)。就像您在文档中看到的那样:
默认情况下,具有离子项属性的元素将在 iOS 模式下显示向右箭头图标。
和
要隐藏这些元素之一上的右箭头图标,请添加
detail-none
项目的属性。在 元素,不自然显示,添加detail-push
属性。
关于Android和Windows Phone,
默认情况下,此功能不为 md 和 wp 模式启用,但可以 通过设置 Sass 变量
$item-md-detail-push-show
和$item-wp-detail-push-show
分别true
.它也可以是 通过将$item-ios-detail-push-show
设置为false
来禁用 iOS
因此,如果您想为Android和Windows Phone启用它,则只需在variables.scss
文件中添加以下内容:
$item-md-detail-push-show: true;
$item-wp-detail-push-show: true;