Question

我想在离子头像列表项的右侧添加一个图标。

我的代码：

<ion-item class="animated flipInX item-divider gold" ng-show="(myArray.length > 0)">My Stuff</ion-item>
        <div ng-repeat="item in array">
          <ion-list>
            <ion-item class="animated flipInX item-avatar" ng-click="showAcceptRequest(item)">
              <img ng-src={{item['Picture']}}>
              <h2>{{item['SenderName']}}</h2>
              <p>{{item['EntityName']}}</p>
            </ion-item>
        </div>
        </ion-list>

这显示了具有名称和一些子信息的头像图片。我想在这个单元格的右侧添加一个ionicon，但我的定位完全没有了。有人可以解释一下吗？

如：

<i class="icon ion-ios-telephone-outline"></i>

的jsfiddle：

http://jsfiddle.net/m3x6nb1d/8/

基本上希望图标在表格单元格的右侧保持水平...

Answer 1

这对我有用，粘贴我的例子，尝试重新创建

<ion-content>
    <ion-list class="item-icon-right">
        <ion-item>
                <i class='icon ion-social-facebook'> </i> Facebook
        </ion-item>
    </ion-list>
<ion-content>

所以是的，项目图标权利课程应该做的工作。

使用普通图标，如果它不适用于图像，那么您应该看到如何使用img align属性向右添加图像。示例http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_img_align

添加阿凡达右侧的图标 - 离子

1 个答案: