Размещение значка vuetify в верхней части гибкости? - PullRequest
Новая
       177

Размещение значка vuetify в верхней части гибкости?

0 голосов
/ 06 августа 2020

image 

new Vue({
  el: "#app"
})
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.3.7/vuetify.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/1.3.7/vuetify.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

<div id="app">
  <v-app>
  <v-container grid-list-md text-xs-center>
      <v-layout row wrap>
        <v-flex v-for="i in 2" :key="`6${i}`" xs6>
          <v-card dark color="secondary">
            <v-card-text class="px-0">6</v-card-text>
          </v-card>
<!--   absolute  -->
             <v-btn
                    
               flat
               icon
               small
               top
               right
               ><v-icon>cancel</v-icon></v-btn> 
        </v-flex>
      </v-layout>
    </v-container>
  </v-app>
</div>

Codepen

...