Как сделать меню гамбургера buefy невидимым в режиме ipad и как заставить работать панель поиска в меню гамбургера? - PullRequest
Новая
       34

Как сделать меню гамбургера buefy невидимым в режиме ipad и как заставить работать панель поиска в меню гамбургера?

2 голосов
/ 05 февраля 2020

У меня два вопроса:

1. Я использую Buefy navbar, и у него есть встроенный гамбургер, НО моя проблема заключается в том, что я хочу, чтобы меню отображалось нормально в режиме ipad но я никак не могу нацелиться на меню гамбургера напрямую. Я провел исследование inte rnet, и единственно возможное, что я увидел, - это изменить точку останова в папке sass, но ответ был очень неясен, и я не уверен, работает ли он. Так есть ли способ сделать это, или мне придется перезапустить все и использовать отображение макета и самостоятельно обрабатывать меню гамбургера?

2. Моя панель поиска не работает правильно в меню гамбургера Когда вы используете меню гамбургера, панель поиска есть, но вы не можете набрать ее, она автоматически закрывает все меню гамбургера. Итак, еще раз, есть ли способ заставить его работать в меню гамбургера, или я просто оставлю его в моей панели навигации?

Спасибо за помощь! 

<template>
  <b-navbar :shadow="true" class="is-dark" id="disable">
    <template slot="start">
      <b-navbar-item>
        <b-button type="is-primary" outlined tag="routeur-link" to="/Home"
          >UBEAT</b-button
        >
      </b-navbar-item>
      <b-navbar-item>
        <b-field>
          <b-input
            placeholder="Search..."
            type="search"
            icon="magnify"
          ></b-input>
          <p class="control">
            <button class="button is-primary">Search</button>
          </p></b-field
        >
      </b-navbar-item>
    </template>
    <template slot="end">
      <b-navbar-item class="link" tag="router-link" to="/Home"
        >Home</b-navbar-item
      >
      <b-navbar-item class="link" tag="router-link" to="/Album"
        >Playlists</b-navbar-item
      >
      <b-navbar-item class="link" tag="router-link" to="/Artist"
        >Current User: None</b-navbar-item
      >
      <b-navbar-item class="link" tag="router-link" to="/"
        >Parameters</b-navbar-item
      >
      <b-navbar-item class="link" tag="router-link" to="/"
        >Logout</b-navbar-item
      >
    </template>
  </b-navbar>
</template>
...