Question

尝试调整大小：http://codepen.io/anon/pen/zxGbbx

<ion-content>
  <ul class="list">
    <a class="item" ng-repeat="thread in data" ng-href="{{thread.url}}" target="_blank">
      <li class="">
        {{thread.title}}
        <span class="desc">{{thread.desc}}</span>
        <span class="item-note badge badge-assertive">{{thread.replies}}</span>
      </li>
    </a>
  </ul>
</ion-content>

我应该在哪里应用'row responsive-sm'类和'col'类？我试着玩，但仍然无法正常工作。我的thread.title太长了，屏幕溢出。

Answer 1

我假设您要将网格结构应用于每个列表项..

所以，这里有你如何使用行和列。

<ul class="list">
  <a class="item" ng-repeat="thread in data track by $index" ng-href="{{thread.url}}" target="_blank">
    <li class="row">
      <div class="col col-80">
        <span class="row responsive-sm item-text-wrap">{{thread.title}}</span>
        <span class="row responsive-sm">{{thread.desc}}</span>
      </div>
      <div class="col">
        <span class="item-note badge badge-assertive">{{thread.replies}}</span>
      </div>
    </li>
  </a>
</ul>

更新了Plunker here

列表项的离子响应col

1 个答案: