Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 May 20

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
нужен совет специалиста
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Xander Yanov
Кто-нибудь верстает, используя PUG?
кто-то использует
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
а кто-то нет?:)
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
а кто то нет да
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
а кто использует?
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Xander Yanov
а кто использует?
многие
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
Есть вопрос по циклу в PUG
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Xander Yanov
Есть вопрос по циклу в PUG
это хорошо мы любим вопросы
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
Есть такая информция о товарах:
товар1: цена - 500, картинка tovar1.jpg, наличие да, акция нет
товар2: цена - 600, картинка tovar2.jpg, наличие нет, акция нет
товар3: цена - 400, картинка tovar3.jpg, наличие да, акция нет
товар4: цена - 350, картинка tovar4.jpg, наличие да, акция да
товар5: цена - 100, картинка tovar5.jpg, наличие да, акция нет
товар6: цена - 200, картинка tovar6.jpg, наличие да, акция да


Есть верстка карточки товара (схематично):
Название: товар1
Стоимость: 500
Картинка товара: tovar1.jpg
Наличие товара: да
Участие в акции: нет


Мне надо в верстке вывести циклом (каким-то) все эти товары. Использую PUG препроцессор. Кто может подсказать?
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
ps с одномерным массивом проблем нет)
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
пример рабочего варианта с одномерным массивом.
ul.catalogMenu
 each name in ['Главная', 'О компании', 'Услуги', 'Каталог', 'Контакты']
   li
     a(href="#")= name
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Xander Yanov
пример рабочего варианта с одномерным массивом.
ul.catalogMenu
 each name in ['Главная', 'О компании', 'Услуги', 'Каталог', 'Контакты']
   li
     a(href="#")= name
вот что то похожее https://wiki.pwodev.com/pug-jade-database-loop/
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
о - класс, спасибо - сейчас попробую
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Xander Yanov
о - класс, спасибо - сейчас попробую
вот тоже интересно https://pugjs.org/language/iteration.html
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
особенно второй вариант с присвоением всякой фигни во время интерации
источник

DS

Daniel Simushkin in Верстка сайтов HTML/CSS/JS/PHP
LZD
вот что то похожее https://wiki.pwodev.com/pug-jade-database-loop/
после таких примеров использовать pug хочется всё меньше и меньше :D
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
Daniel Simushkin
после таких примеров использовать pug хочется всё меньше и меньше :D
да ладно мы просто не умеем
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
ну по крайней мере я
источник

L

LZD in Верстка сайтов HTML/CSS/JS/PHP
что Гугл послал то у и рады
источник

XY

Xander Yanov in Верстка сайтов HTML/CSS/JS/PHP
Докладываю - все получилось
источник