VUE3 Лучший аккордеон🪗

Поделиться
HTML-код
  • Опубликовано: 22 окт 2024

Комментарии • 20

  • @zencod_ru
    @zencod_ru 2 года назад +2

    Отличный контент, спасибо! Подсел, теперь жду выход новых видео :D Побольше вам подписчиков)))

    • @dev-workshop
      @dev-workshop  2 года назад +1

      Очень приятно! Спасибо большое, и можно на «ты», мне кажется так комфортнее

  • @Денис-в5д5ь
    @Денис-в5д5ь 2 года назад +1

    Привет! Отличная подача. Новый контент про вью это отлично!

    • @dev-workshop
      @dev-workshop  2 года назад

      Спасибо, очень приятно!

  • @surr3955
    @surr3955 2 года назад +2

    Очень круто! Спасибо что делишься знаниями и опытом!
    В конце я такой : "Пойду лучше сделаю аккордеон на Tilda" xD шутка конечно! Реально круто разработан и спроектирован компонент

    • @dev-workshop
      @dev-workshop  2 года назад

      Спасибо большое, очень приятно! Такие комментарии мотивируют дальше пилить контент 🙏

  • @faridsilva
    @faridsilva 2 года назад +1

    Thank you for your great contribution! I just want to say that while you are using details tag, safari shows a triangle before content in summary. Do you know is there any way to override it? Best Regards.

    • @dev-workshop
      @dev-workshop  2 года назад +1

      Hi! Thank you for your feedback!
      It was unknown issue for me. But I know the solution. Please open the issue on github and I will update the component.
      As fast solution you can add the following into your styles
      details summary::-webkit-details-marker {
      display:none;
      }

    • @faridsilva
      @faridsilva 2 года назад +1

      @@dev-workshop You are a lifesaver. Thank you so much again!

    • @dev-workshop
      @dev-workshop  2 года назад

      @@faridsilva I am very pleased thank you! But please create an issue on github ♥

  • @eg0ist_665
    @eg0ist_665 Месяц назад

    такое себе объяснять просто написанный код - думал с нуля будем делать поэтапно смотреть что получается

    • @dev-workshop
      @dev-workshop  Месяц назад

      Ну во первых этот код написал я
      Во вторых это обзор на нпм пакет
      в третьих очень долго делать поэтамно, такие штуки, обычно на стримах
      в четвертых - сделай лучше, я верю, что у тебя получится так, как хочешь ты

    • @eg0ist_665
      @eg0ist_665 Месяц назад

      @@dev-workshop есть ребята которые crm создают и видосы по 7 часов )) а тут мы говорим про компонент аккордеона ) Мне было интересно, как ты сделаешь по шагам, чтобы видеть всю картину, но ты поленился)

    • @dev-workshop
      @dev-workshop  Месяц назад

      @@eg0ist_665 А давай теперь посмотрим, пользуется ли кто-то этими crm? а пользуется ли кто-то библиотекой компонента?
      Если бы я поленился, то ни видео ни компонента не существовало бы

    • @eg0ist_665
      @eg0ist_665 Месяц назад

      @@dev-workshop дело не в этом вообще, я тебе высказал свое мнение о том, что показывать просто готовый результат и его комментировать не интересно смотреть, особенно новичкам. Кому интересно пусть смотрят)

    • @dev-workshop
      @dev-workshop  Месяц назад

      ​@@eg0ist_665 Спасибо за твое мнение

  • @nade3282
    @nade3282 2 года назад

    ну не лучший аккордеон

    • @dev-workshop
      @dev-workshop  2 года назад

      Чем он не нравится?

    • @nade3282
      @nade3282 2 года назад

      @@dev-workshop если открыть демо и кликать на Nested accordion item-2 is opened default, то элемент будет на другой наезжать, так же как я понимаю высота блока фиксированная, и если захочется добавить другие размеры падингов, то все съедет

    • @dev-workshop
      @dev-workshop  2 года назад

      @@nade3282 Паддинги можно менять в стильках без проблем. Но в стильках есть некоторые зависимости друг от друга, однако я их прописал в комментах.
      Да, анимация внешнего аккордеона отрабатывает с небольшой задержкой, при изменении высоты внутреннего контента.
      Но коммон, какой еще аккордеон поддерживает динамическое изменение высоты в зависимости от высоты вложенного контента?)