| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <link href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900|Material+Icons" rel="stylesheet">
- <meta name="viewport" content="width=device-width,initial-scale=1.0">
- <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
- <title>vuetify demo</title>
- <style>
- [v-cloak] {
- display: none;
- }
- </style>
- </head>
- <body>
- <div id="app" v-cloak>
- <v-app>
- <v-content>
- <v-container v-init-context-vars='{expand: false}'>
- <v-btn @click="test = !test">show</v-btn>
- <div is="table">
- <div is="tr">
- <div is="td">Title</div>
- </div>
- <div is="tr" >
- <div is="td">
- <v-divider></v-divider>
- <v-expand-transition>
- <div v-if="test">
- <div>
- <v-card>
- <h1>Hello</h1>
- </v-card>
- </div>
- </div>
- </v-expand-transition>
- </div>
- </div>
- </div>
- </v-container>
- </v-content>
- </v-app>
- </div>
- <script src="http://localhost:3080/app.js"></script>
- <script src="http://localhost:3100/app.js"></script>
- </body>
- </html>
|
