==[[Vuetify]]==[[Vue]] |
==Layout==
===v-card===
*Reference[[R]]eference
**https://vuetifyjs.com/ja/components/cards
*Tutorial
*card コンポーネントには、可能な限りマークアップを簡単にするためのたくさんのヘルパーコンポーネントが存在
<<template>> <<v-container class="my-5">> <<v-layout row wrap>> <<v-flex xs12 sm6 md4 lg3 v-for="n in num" :key="n.key">> <<v-card flat class="text-xs-center ma-3">> <<v-responsive class="pt-4">>
image goes here
<</v-responsive>> <<v-card-tesxt>> <<div class="subheading">>{{ n.value }}<</div>> <<div class="gray--text">>hello<</div>> <</v-card-tesxt> > <<v-card-action>> <<v-btn flat color="gray">> <<v-icon small left>>message<</v-icon>> <<span>>message<</span>> <</v-btn>> <</v-card-action>> <</v-card>> <</v-flex>> <</v-layout>> <</v-container>> <</template>> <<script>>
export default {