повторение коллекции на миниатюрных карточках и странных полях

Question

повторение коллекции на миниатюрных карточках и странных полях

0

Я создаю повтор коллекции, который повторяется через мои объекты и заполняет карты на их основе. У меня есть два основных вопроса для завершения моей работы. Я использую карты "Thumbnail" при использовании этого подхода, но я не могу правильно установить поля. В основном он добавляет некоторый запас слева, а ни один справа и между разными картами (нижнее поле). Я пробовал CSS, но ничего не работает.

Это мой HTML-код:

<div class="card" collection-repeat="item in items" item-width="'100%'">
    <div class="item item-divider">
        {{item.eventTitle}}
    </div>

    <div class="item item-text-wrap">
        <b>{{item.eventHour}}</b><br />{{item.eventText}}
    </div>
</div>

И это то, что я получаю в браузере (никакой пользовательский CSS не добавлен здесь), посмотрите на левое поле и на другое:

Как я могу решить обе проблемы с нижним и правым краем?

заранее спасибо

kankamuso 25 июль 2016, в 19:29

Источник

0

похоже, это вопрос стиля CSS; вам следует рассмотреть возможность включения этого тега в вопрос, а также краткий перечень CSS, который вы пытались использовать для решения проблемы.
Claies 25 июль 2016, в 16:52
0

Спасибо за предложение. Что касается протестированных CSS, я не сохранил их и был в отчаянии ... у меня ничего не получалось :-(
kankamuso 25 июль 2016, в 17:16

Теги:

ionic-framework

angularjs

css

1 ответ

Ещё вопросы

похоже, это вопрос стиля CSS; вам следует рассмотреть возможность включения этого тега в вопрос, а также краткий перечень CSS, который вы пытались использовать для решения проблемы.
Спасибо за предложение. Что касается протестированных CSS, я не сохранил их и был в отчаянии ... у меня ничего не получалось :-(

Aaron Saunders · Accepted Answer · 2016-07-25T19-12-00.000Z

есть ли конкретная причина, по которой вы используете сбор-повтор? это ограничит ваши варианты стилизации.

преобразование в простой ng-repeat заставляет ваши проблемы уходить http://codepen.io/aaronksaunders/pen/PzZVPr

<ion-content>
  <div class="list">
    <div class="card" ng-repeat="item in items">
      <div class="item item-divider">
        {{item}} HEADER
      </div>
      <div class="item item-text-wrap">
        {{item}} BODY..
      </div>
    </div>
  </div>
</ion-content>

Ну, я только что прочитал, что он вел себя более эффективно для больших списков и предположил, что он заменяет ng-repeat. Я понял, что это было новее и предназначено для использования вместо нг ...