UIkit и NuxtJS offcanvas не закрываются после перехода на страницу - PullRequest
0 голосов
/ 20 января 2019

offcanvas не закрывается после перехода на страницу (мобильный просмотр) вот ошибка https://gyazo.com/b40b6de844107aa2a74d9c81bf084428

Я попытался исправить ошибку с помощью этого руководства, это не помогло.https://github.com/uikit/uikit/issues/3706

часть меню компонента кода

<div id="offcanvas-flip" uk-offcanvas="flip: true; overlay: true">
                <div class="uk-offcanvas-bar">
                    <button class="uk-offcanvas-close" type="button" uk-close></button>
                    <h2>{{$t('global.offcanvas_title')}}</h2>
                    <div class="mob-menu-block">
                            <div>
                                <nuxt-link :to="getLocalizedRoute('index')" >
                                    {{ $t('global.menu.home') }}
                                </nuxt-link>
                            </div>
                            <div>
                                <nuxt-link :to="getLocalizedRoute({ name: 'portfolio' })" >
                                    {{ $t('global.menu.portfolio') }}
                                </nuxt-link>
                            </div>
                            <div>
                                <nuxt-link :to="getLocalizedRoute({ name: 'calculator' })">
                                    {{ $t('global.menu.calculator') }}
                                </nuxt-link>
                            </div>
                            <div>
                                <nuxt-link :to="getLocalizedRoute({ name: 'contact' })" >
                                    {{ $t('global.menu.contact') }}
                                </nuxt-link>
                            </div>

                    </div>


                </div>
            </div>

Я включил в nuxt.config

'@/assets/scss/main.scss'

Я добавил в следующий код в main.scss (https://getuikit.com/docs/sass#how-to-build)

// 1. Your custom variables and variable overwrites.
$global-link-color: #DA7D02;

// 2. Import default variables and available mixins.
@import "uikit/src/scss/variables-theme.scss";
@import "uikit/src/scss/mixins-theme.scss";

// 3. Your custom mixin overwrites.
@mixin hook-card() { color: #000; }

// 4. Import UIkit.
@import "uikit/src/scss/uikit-theme.scss";


// below comes my style code
........
........
.........

тестовый живой проект - http://vuejs.virtualinstinct.net/en/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...