Vue.js - Как сделать так, чтобы боковая панель оставалась открытой, а не открывалась? - PullRequest
0 голосов
/ 14 января 2019

Как это сделать, чтобы меню боковой панели было всегда открыто? Я не знаю точное местонахождение кода, но я думаю, что он где-то здесь.

https://github.com/arya107/Ask-Arya-Vue-Dashboard/tree/master/src/components/SidebarPlugin

http://user.askarya.ir/

Ответы [ 3 ]

0 голосов
/ 14 января 2019

showSidebar: false,

Попробуйте установить значение true.

https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/src/components/SidebarPlugin/index.js

0 голосов
/ 14 января 2019

На мой взгляд, вам нужно изменить https://github.com/arya107/Ask-Arya-Vue-Dashboard/blob/master/public/index.html В этой строке 19 есть этот код <body class="sidebar-mini"> удалить класс sidebar-mini. Это покажет боковую панель на всех страницах.

Для вашего второго вопроса вы можете добавить метод, а затем добавить этот метод к @click на кнопке шаблона следующим образом:

<template>
    <button type="button" class="navbar-toggler" @click="changeLang">Change Language</button>   
</template>
<script>
export default {
    methods: {

        ...
        changeLang(){
            this.i18n = this.$i18n;
            this.i18n.locale = 'ar';
            this.$rtl.enableRTL();
        }
        ...
    }
}
</script>
0 голосов
/ 14 января 2019

Добавьте это в свой CSS-файл:

.sidebar-mini .sidebar:hover {
  width: 260px !important;
}

.sidebar-mini .main-panel>.content, .sidebar-mini footer {
  padding-left: 310px !important;
}

Но это исправляет только на настольных устройствах.

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