サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.vue用デザインフレームワークvuetify:03.codesandboxvuetifyでcard


差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

次のリビジョン
前のリビジョン
00.vue用デザインフレームワークvuetify:03.codesandboxvuetifyでcard [2018/12/20] – 作成 adash33300.vue用デザインフレームワークvuetify:03.codesandboxvuetifyでcard [2019/01/28] (現在) – [03.codesandbox上でVue.js-VuetifyでCard] adash333
行 3: 行 3:
  
 公式サイト:https://vuetifyjs.com/ja/components/cards 公式サイト:https://vuetifyjs.com/ja/components/cards
 +===== メニュー =====
 +
 +[[00.vue用デザインフレームワークvuetify:index.html|Vue.js用マテリアルデザインフレームワークVuetify]]
 +
 +[[00.vue用デザインフレームワークvuetify:01.codesandboxのvue.jsでvuetify|01.CodeSandboxのVue.jsでVuetify]]
 +
 +[[00.vue用デザインフレームワークvuetify:02.codesandboxのvue.jsでvuetifyテンプレート|02.codesandboxのvue.jsでvuetifyのテンプレート]]
 +
 +[[00.vue用デザインフレームワークvuetify:03.codesandboxvuetifyでcard|03.codesandbox上でVue.js-VuetifyでCard]]
 +
 +[[00.vue用デザインフレームワークvuetify:04.vuetifyでformフォーム|04.CodeSandboxでVuetifyを用いたフォーム作成]]
 +
 +[[00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター|05.Vuetifyでheaderヘッダーとfooterフッター]]
 +
 +[[00.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用|06.vuetifyでアイコンを利用]]
 +
 +
 +
  
 ===== 開発環境 ===== ===== 開発環境 =====
行 15: 行 33:
 Vuetify 1.3.15 Vuetify 1.3.15
 </code> </code>
 +===== 今回作成するもの ===== 
 +{{:00.vue用デザインフレームワークvuetify:pasted:20181220-222656.png}}
 ==== 1. CodeSandbox上で、Vue.jsアプリを新規作成 ==== ==== 1. CodeSandbox上で、Vue.jsアプリを新規作成 ====
   *https://codesandbox.io/へ行き、画面右上の、『Create Sandbox』をクリック   *https://codesandbox.io/へ行き、画面右上の、『Create Sandbox』をクリック


00.vue用デザインフレームワークvuetify/03.codesandboxvuetifyでcard.1545312332.txt.gz · 最終更新: 2018/12/20 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki