Comments 5
del. простите
Уже пора по Angular 2 статьи писать. Тем более, что альфа-версия уже более-менее работает, а документация пока хромает.
Есть вопрос по Вашему CSS коду. А как вы считаете проценты?
Я не особо заморачивался с CSS моделью. Просто вручную высчитал координаты и размер карточек в процентах для трех типов отображения (3, 5 и 7 карточек).
По сути я брал первую карту, подбирал ей подходящий размер визуально, затем центрировал (допустим, получилась карта шириной 20% и высотой 80%, значит горизонтальное положение будет 50 — 20/10 = 40%, вертикальное подбирал визуально).
Затем создавал две одинаковые карты чуть меньшего размера, чем центральная и зеркально смещал их относительно центра влево/вправо, и так до полного заполнения. Карты заднего фона просто пропроционально уменьшил и сместил немного влево, относительно первого ряда.
По сути я брал первую карту, подбирал ей подходящий размер визуально, затем центрировал (допустим, получилась карта шириной 20% и высотой 80%, значит горизонтальное положение будет 50 — 20/10 = 40%, вертикальное подбирал визуально).
Затем создавал две одинаковые карты чуть меньшего размера, чем центральная и зеркально смещал их относительно центра влево/вправо, и так до полного заполнения. Карты заднего фона просто пропроционально уменьшил и сместил немного влево, относительно первого ряда.
Sign up to leave a comment.
Адаптивная карусель на AngularJS