Size: a a a

2019 October 16

VL

Vladimir Luvolunov in JS
Вот мне нужно более менее эффективно сделать эти спойлеры
источник

VL

Vladimir Luvolunov in JS
Один вложен в другой
источник

VL

Vladimir Luvolunov in JS
Я в принципе могу сделать компонент, как составной спойлер, но будет громоздко
источник

VL

Vladimir Luvolunov in JS
+ на другой странице используется такой же спойлер, но не с карточками, а с таблицей
источник

VL

Vladimir Luvolunov in JS
И не хочется создавать дофига файлов с миксинами
источник

MV

Michail Vasiliev in JS
Тогда так
mixin spoilers
 div.title
 block

mixin spoiler
 div.description

+spoilers
 +spoiler
источник

MV

Michail Vasiliev in JS
И так же можешь передавать массив
источник

MV

Michail Vasiliev in JS
Чтоб было мало файлов
источник

MV

Michail Vasiliev in JS
Например, передаешь в родителя массив объектов
источник

MV

Michail Vasiliev in JS
Где есть описание текущего спойлера, и объекты элементов спойлера
источник

MV

Michail Vasiliev in JS
И генеришь это все
источник

VL

Vladimir Luvolunov in JS
Ты гений
источник

MV

Michail Vasiliev in JS
Щас покажу пример
источник

VL

Vladimir Luvolunov in JS
Я же могу и вправду такое провернуть, но с case
источник

VL

Vladimir Luvolunov in JS
Передаю этот массив объектов, у которых есть какое-нибудь поле "type" с типом ребёнка
источник

VL

Vladimir Luvolunov in JS
А ребёнком может быть либо другой спойлер, либо карточка с ценами, либо таблица
источник

MV

Michail Vasiliev in JS
mixin tasks
 -
   var tasks = [
     {
       title: "Дизайн",
       description: "Разработать дизайн приложения todo-list",
       modificator: "_blue",

       tasks: [
         {
           title: "UX-часть",
           status: true
         },

         {
           title: "UI-часть",
           status: true
         }
       ]
     },

     {
       title: "Верстка",
       description: "Разработать верстку приложения todo-list",
       modificator: "_red",

       tasks: [
         {
           title: "Карточки",
           status: true
         }
       ]
     },

     {
       title: "Angular",
       modificator: "_green",

       tasks: [
         {
           title: "Перенести верстку",
           status: false
         },

         {
           title: "Разработать логику",
           status: false
         }
       ]
     },

     {
       title: "React",
       modificator: "_purple",

       tasks: [
         {
           title: "Перенести верстку",
           status: false
         },

         {
           title: "Разработать логику",
           status: false
         }
       ]
     }
   ]

 +b.SECTION.tasks
   each task, index in tasks
     +task(
       task.title,
       task.description,
       task.tasks
     )(class=task.modificator)
источник

VL

Vladimir Luvolunov in JS
Большое спасибо
источник

С

Суник in JS
Девелоперы, немного не в тему. Кто-нибудь состоит в похожем чате, но по Питону? С таким же живым общением)
источник

T(

True_han (Илья Макси... in JS
смотри
источник