• Как сделать равномерный бордер радиус по контейнеру?

    ViperOMG
    @ViperOMG
    Попробуй вот так, как пример:

    <div class="div_item">
    <ul class="list__items">
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
           <li class="item__block"></li>
      </ul>
    </div>


    .div_item {
        width: 236px;
        height: 188px;
        overflow-y: scroll;
        overflow-x: hidden;
    }
    .list__items {
        width: 98%;
        border-radius: 30px;
        padding-left: 0;
        overflow: hidden;
    }
    .item__block {
        width: 100%;
        height: 34px;
        background: green;
        list-style-type: none;
    } 
    .div_item::-webkit-scrollbar {
                width: 6px;
                border-radius: 100px;
             } 
    .div_item::-webkit-scrollbar-track {
                background: #E6E6E6;
                border-radius: 100px;
                margin: 20px 0;
             } 
    .div_item::-webkit-scrollbar-thumb {
                background: #7F7F7F;
                border-radius: 100px;
             }
      .item__block {
                width: 224px;
                height: 34px;
                background: green;
                list-style-type: none;
      }
      .item__block:nth-child(2n) {
                   background: red;
                }
             }
    Ответ написан
    Комментировать
  • Как сделать, чтобы JS метод выполнятся после полного рендеринга страницы во Vue.js?

    ViperOMG
    @ViperOMG
    Столкнулся с аналогичной проблемой в Nuxt 2.17

    мое решение проблемы:

    mounted() {
         this.refreshSelectPicker()
        },
     methods: {
            refreshSelectPicker() {
                $('.selectpicker2').selectpicker('render');
            },

    P.s. Переименовал selectpicker в selectpicker2, чтобы не срабатывал автоматический рендеринг. В текущем коде select формируется только после формирования контента на странице.

    p.p.s Для тех, кому нужно динамическое обновление bootstap select на основе каких-то параметров:

    refreshSelectPicker2() {
                $('.selectpicker3').selectpicker('destroy');
                $('.selectpicker3').selectpicker('render');
            },

    // дописываем к классу selectpicker2 еще один класс selectpicker3 и вместо выполнения render/refresh - удаляем и рендерим список заного, в противном случае может двоить и троить контент.
    Ответ написан
    Комментировать
  • NUXT - Cannot read properties of undefined (reading 'state'), или как вывести данные из Store в компонент?

    ViperOMG
    @ViperOMG Автор вопроса
    Долго мучался, на свою версию устанавливал vuex через --force и все сломалось.
    было проделано следующее:
    -вырезан установленный vuex
    -переустановлен nuxtjs версия 2.17.2
    теперь все работает
    Всем спасибо за внимание, надеюсь кому-нибудь поможет.
    Ответ написан
    Комментировать