Ion-list是否应该自动在列表项上添加箭头？

Question

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>

Answer 1

您正在谈论的箭头是详细信息箭头(docs).就像你在文档中看到的那样:

默认情况下,具有ion-item属性的元素将在ios模式下显示右箭头图标.

和

要隐藏这些元素中的任何一个上的右箭头图标,请将该detail-none属性添加 到该项目.要在不自然显示它的元素上显示右箭头图标,请将该detail-push 属性添加到该项目.

关于Android和Windows手机,

对于md和wp模式,默认情况下不启用此功能,但可以通过分别设置Sass变量$item-md-detail-push-show和 $item-wp-detail-push-showto 来启用它true.它还可以通过设置IOS禁用$item-ios-detail-push-show于false

因此,如果您想为Android和Windows手机启用它,您只需在variables.scss文件中添加以下内容:

$item-md-detail-push-show: true;
$item-wp-detail-push-show: true;