Question

我正在尝试制作一个带右侧图标和左侧图标的链接列表。

你能帮我清理一下吗？

http://codepen.io/LouisDoe/pen/MyyONK?editors=1000

代码：

                <ion-list>
                    <ion-item class="item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
                        <i class="icon ion-male blueicon"></i>
                         Woman
                        <i class="icon ion-chevron-right"></i>
                    </ion-item>
                    <ion-item class="item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
                        <i class="icon ion-female blueicon"></i>
                         Man
                        <i class="icon ion-chevron-right"></i>
                    </ion-item>
                </ion-list>

Answer 1

将类item添加到ion-item元素，如下所示：

<ion-list>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-male blueicon"></i>
        Woman
        <i class="icon ion-chevron-right"></i>
    </ion-item>
    <ion-item class="item item-icon-left item-icon-right" href="#" ng-click="goToNextSlide()">
        <i class="icon ion-female blueicon"></i>
        Man
        <i class="icon ion-chevron-right"></i>
    </ion-item>
</ion-list>

更新了codepen：http://codepen.io/anon/pen/EKKogv?editors=1000

离子，列出左侧带图标的项目和右侧的图标

1 个答案: