| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

差分

ナビゲーションに移動 検索に移動
175 バイト追加 、 2020年2月16日 (日) 04:34
編集の要約なし
==[[Vuetify]]==[[Vue]] |
==Layout==
===v-card===
*Reference[[R]]eference
**https://vuetifyjs.com/ja/components/cards
*Tutorial
*card コンポーネントには、可能な限りマークアップを簡単にするためのたくさんのヘルパーコンポーネントが存在
<&lt;template>&gt; <&lt;v-container class="my-5">&gt; <&lt;v-layout row wrap>&gt; <&lt;v-flex xs12 sm6 md4 lg3 v-for="n in num" :key="n.key">&gt; <&lt;v-card flat class="text-xs-center ma-3">&gt; <&lt;v-responsive class="pt-4">&gt;
image goes here
<&lt;/v-responsive>&gt; <&lt;v-card-tesxt>&gt; <&lt;div class="subheading">&gt;{{ n.value }}<&lt;/div>&gt; <&lt;div class="gray--text">&gt;hello<&lt;/div>&gt; <&lt;/v-card-tesxt> &gt; <&lt;v-card-action>&gt; <&lt;v-btn flat color="gray">&gt; <&lt;v-icon small left>&gt;message<&lt;/v-icon>&gt; <&lt;span>&gt;message<&lt;/span>&gt; <&lt;/v-btn>&gt; <&lt;/v-card-action>&gt; <&lt;/v-card>&gt; <&lt;/v-flex>&gt; <&lt;/v-layout>&gt; <&lt;/v-container>&gt; <&lt;/template>&gt; <&lt;script>&gt;
export default {

案内メニュー