【问题标题】:ionic list shows bad styling离子列表显示错误的样式
【发布时间】:2016-07-02 01:39:44
【问题描述】:

我在ionic 中有一个list,它使用item-thumbnail-rightitem-icon-left

<div class="list">
     <a ng-repeat="item in vm.List track by $index"
                           class="item item-thumbnail-left item-icon-right">
     <img on-error-src="{{vm.serverPath}}/Uploads/ErrorImages/imageErrorOrg.png" ng-src="{{vm.serverPath}}{{item.ImageUrl}}">
     <h2  style="color:gray">{{ item.Name}}</h2>
     <i class="icon ion-person-stalker ionicon" style="color:lightgreen" ng-if="item.IsFollowing" ng-click="toggleFollow(item)"></i>
     </a>
</div>

问题是它在某些设备上显示错误的样式:

在 iphone 设备上试用时,效果很好:

我该如何解决这个问题? list 类有问题吗?

更新:我尝试过使用ion-list,但同样的问题

【问题讨论】:

    标签: angularjs ionic-framework styling


    【解决方案1】:

    我以这种方式创建离子列表:

    <ion-list>
      <ion-item ng-repeat="item in items">
       <img ng-src="{{item.img}}">
       <h2>{{item.title}}</h2>
       <p>{{item.description}}</p>
      </ion-item>
    </ion-list>
    

    并且没有样式问题。

    更新

    在这个codepen 中似乎没问题,但也许在你的情况下你必须为某些平台编写特定的规则,检查this link

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2016-04-26
      • 2016-02-10
      • 1970-01-01
      相关资源
      最近更新 更多