Как упростить запись?

Question

[Анатолий Саламатин]

Всем привет. Как упростить эту запись через Pug? Заранее спасибо!

.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-1.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-2.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-3.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-4.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-5.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-6.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-7.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-8.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-9.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-10.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-10.jpg')")
			.portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-10.jpg')")

Answer 1

[Алексей Ярков]

mixin portfolio_item(n)
  .portfolio-main-prev__item(style="background-image: url('static/img/content/portfolio/port1/port-#{n}.jpg')")

each i in [1,2,3,4,5,6,7,8,9,10,11,12]
  +portfolio_item(i)

Comments

[Анатолий Саламатин]

Почему то не сработал вариант. В том, который отметил решением - переменная указана через доллар. Потом попробовал ваш но с указанием доллара + переменные в миксине и в вызове назвал одинаоково и все заработало

[Алексей Ярков]

Анатолий Саламатин: Пройдите на html2jade.org и вставьте мой код ))

[Анатолий Саламатин]

Там все работает, может что-то с галпом у меня. В любом случае спасибо за помощь!!!

[Алексей Ярков]

Анатолий Саламатин: не за что

Answer 2

[Олег]

each val in [1,2,3,4,5,6,7,8,9,10,11,12]
	.portfolio-main-prev__item(style=`background-image: url('static/img/content/portfolio/port1/port-${val}.jpg')`)

Answer 3

[zooks]

Еще есть while
https://pugjs.org/language/iteration.html