невозможно установить модальную ширину - PullRequest
Новая
       35

невозможно установить модальную ширину

0 голосов
/ 06 июня 2018

Я использую vuejs с bulma и buefy.Я использую модальный buefy и пытаюсь установить модальную ширину, используя ее свойство 'width'.Я попытался указать его в HTML, а также с помощью JavaScript, чтобы открыть модальное.

this.$modal.open({
  parent: this,
  component: dummyComponent,
  width: 720
})

Может кто-нибудь, пожалуйста, помогите мне.

Ответы [ 2 ]

0 голосов
/ 03 мая 2019

На самом деле, для меня это не работает. 

this.$modal.open({
  parent: this,
  component: dummyComponent,
  width: 1200
})

Он производит модальное с шириной 640 пикселей.Если я установлю 

<template>
  <div class="modal-card" style="width: auto">
    <!-- Content comes here... -->
  </div>
</template>

, то получится еще более узкий модал, 460px.Не уверен почему.Мое решение было: 

<style lang="stylus" scoped>
  .modal-card
    width: auto
  @media (min-width: 1200px)
    .modal-card
      width: 1200px
</style>

Не самое красивое решение, но оно работает.Мне также пришлось добавить z-index в .modal, так как некоторые части моего html обложки модальны.

0 голосов
/ 26 октября 2018

Вам также нужно установить style = "width: auto" в вашем компоненте, тогда будет учитываться ширина, которую вы устанавливаете при открытии модального окна.

Тогда часть js останется 

this.$modal.open({
  parent: this,
  component: dummyComponent,
  width: 720
})

и ваш компонент будет 

<template>
  <div class="modal-card" style="width: auto">
   <!-- Content comes here... -->
  </div>
</template>

Примеры в документации buefy также включают его, но они явно не утверждают, что он нужен для настройки ширины..

...