Vuetify Dialog с картой и исправленной панелью инструментов - PullRequest
Новая
       33

Vuetify Dialog с картой и исправленной панелью инструментов

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

Как гласит заголовок, у меня есть компонент, который открывает диалог.Диалог содержит карточку с панелью инструментов вверху и форму внутри карточки.Я пытаюсь сделать панель инструментов фиксированной, чтобы она не исчезала при прокрутке.Я пытался добавить атрибут «fixed» на панель инструментов, но, похоже, не дает ожидаемых результатов.Ниже мой код и спасибо заранее ... 

<template>
  <v-dialog :value="createToggle" @input="onCancel" persistent :fullscreen="$vuetify.breakpoint.xsOnly" :max-width="dialogWidth">
    <v-card>
      <v-toolbar fixed flat>
        <v-toolbar-title>Title</v-toolbar-title>
        <v-spacer></v-spacer>
        <v-btn icon>
            <v-icon class="heading grey--text text--darken-4">close</v-icon>
          </v-btn>
      </v-toolbar>
      <v-divider></v-divider>
      <v-card-text>
        <v-form ref="form">
          <v-container>
            <v-layout row wrap>
              <v-subheader class="">
                Section
              </v-subheader>
                <v-flex xs12 v-for="n in 20">
                    <v-text-field
                      label="Field Name"
                      outline
                    >
                  </v-text-field>
                </v-flex>                                                                                     
              </v-layout>
            </v-container>
          </v-form>
      </v-card-text>
      <v-card-actions> 
        <v-btn>Cancel</v-btn> 
        <v-btn>Save</v-btn>           
      </v-card-actions>
    </v-card>
  </v-dialog>
</template>
...