离子列表项底部边距

时间:2015-08-26 22:05:13

标签: css ionic-framework ionic

我有一个离子列表,它具有一个打开状态,可以将类更改为不同的背景颜色:

.opened .item-content{
   background-color: #c4c4c4 !important;
}

结果显示列表项下方有一个小的白边。有没有办法删除它? (注意,当我滑动项目时,我也使用选项按钮及其颜色,无论项目的背景颜色如何)

Ionic Play

1 个答案:

答案 0 :(得分:2)

似乎是collection-repeat的问题。使用ng-repeat解决了这个问题。

http://play.ionic.io/app/f1d2eb83ee03

<ion-item ng-class="{'opened item-content':item.state}" class="item item-thumbnail-left" ng-repeat="item in news" href="#/feed/{{item.source}}/{{item.link}}/{{item.title}}" ng-click="openNews(item, 'open')">