angular – Ion-list应该自动在列表项上添加箭头吗？

发布时间：2020-12-17 17:54:56 所属栏目：安全来源：网络整理

导读：Ionic 2文档使它看起来像箭头自动随附.然而,对我来说这不是那样的. https://ionicframework.com/docs/components/#lists ion-list ion-item pTerms Of Use/p /ion-item ion-item pPrivacy Policy/p /ion-item/ion-list 解决方法您正在谈论的箭头是细节箭头(

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>

解决方法

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

By default,and elements with the ion-item attribute will
display a right arrow icon on ios mode.

和

To hide the right arrow icon on either of these elements,add the
detail-none attribute to the item. To show the right arrow icon on an
element that doesn’t display it naturally,add the detail-push
attribute to the item.

关于Android和Windows手机,

This feature is not enabled by default for md and wp modes,but it can
be enabled by setting the Sass variables $item-md-detail-push-show and
$item-wp-detail-push-show,respectively,to true. It can also be
disabled for ios by setting $item-ios-detail-push-show to false

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

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!