개발어려워요
44
2019-10-10 22:51:28
0
57

vuetify v-dialog 배경에 투명한 창 어떻게 없애나요??


vuetify 공부중인데요.


v-dialog를 사용하는데

바깥에 투명한 빈창이 자꾸 겹치네요.


뭐때문인지 당최 모르겠습니다.


v-dialog로 띄우는 컴포넌트 width도 줄여보고

v-dialog 속성에 width도 바꿔보고

여러가지로 시도해봤는데

안바뀝니다 ㅠㅠ..





<v-card
  class="mx-auto"
>
    <v-app-bar
      color="deep-purple accent-4"
      dense
      dark
    >진행중</v-app-bar>
        <div class="flex-grow-1"></div>

        <v-btn icon>
          <v-icon>mdi-magnify</v-icon>
        </v-btn>

        <v-btn icon>
          <v-icon>mdi-checkbox-marked-circle</v-icon>
        </v-btn>
      </v-toolbar>

      <v-dialog v-model="dialog" max-width="800px" width="800px"  justify="center">
        <template v-slot:activator="{ on:dial }">
      <v-list 
          two-line
          style="max-height: 500px"
          class="overflow-y-auto">
          <div v-for="(item, index) in goings">
            <v-list-item :key="item.title">
              <template v-slot:default="{ active, toggle }">

                <v-list-item-content v-on="dial"  @click="sendWork(item)">

                  <v-list-item-title>

                 <v-chip
                  class="ma-2"
                  color="primary"
                  v-for="(one, idx) in item.to.slice(0,3)"
                >
                  {{one}}
                </v-chip>

                  <v-icon
                    v-if="item.to.length>3">more_horiz</v-icon>

                </v-list-item-title>
                    <v-list-item-subtitle class="text--primary" >{{item.title}}</v-list-item-subtitle>
                  <v-list-item-subtitle v-text="item.contents"></v-list-item-subtitle>
                </v-list-item-content>

                <v-list-item-action>
                  <v-list-item-action-text v-text="item.due"></v-list-item-action-text>
                  <v-icon
                    v-if="!active"
                    color="grey lighten-1"
                  >
                    star_border
                  </v-icon>

                  <v-icon
                    v-else
                    color="yellow"
                  >
                    star
                  </v-icon>
                </v-list-item-action>

      </template>
            </v-list-item>
       

            <v-divider
              v-if="index + 1 < goings.length"
              :key="index"
            ></v-divider>
          </div>
      </v-list>
          </template> 
           <ViewWork :works="thisWork"/> 

    </v-dialog>
 </v-card>



어떤 속성을 건드려야 없어질까요?


0
0
  • 답변 0

  • 로그인을 하시면 답변을 등록할 수 있습니다.