离子列表显示不良造型

Question

我list ionic使用item-thumbnail-right和item-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>

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

https://play.google.com/store/apps/details?id=com.stochastictechnologies.tungsten&hl=en

在iphone设备上试用时，它可以正常工作：

如何解决此问题？这是list类的问题吗？

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

Answer 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。