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

时间:2017-06-10 04:05:58

标签: angular typescript ionic-framework ionic2 ionic3

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>

1 个答案:

答案 0 :(得分:10)

您正在谈论的箭头是明细箭头docs)。就像你在文档中看到的那样:

  

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

  

要在这些元素中隐藏右箭头图标,请添加   该项的detail-none属性。在上显示右箭头图标   如果元素没有自然显示,请添加detail-push   属性为该项目。

关于Android和Windows手机,

  

默认情况下,md和wp模式不启用此功能,但可以   通过设置Sass变量$item-md-detail-push-show和来启用   $item-wp-detail-push-show分别为true。它也可以   通过将$item-ios-detail-push-show设置为false

来停用ios

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

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