00.vue用デザインフレームワークvuetify:index.html

差分

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

この比較画面へのリンク

--- 00.vue用デザインフレームワークvuetify:index.html [2018/12/31] – [Vue.js用マテリアルデザインフレームワークVuetify] adash333
+++ 00.vue用デザインフレームワークvuetify:index.html [2019/03/08] (現在) – [index.htmlを編集] adash333
@@ 行 5: / 行 5: @@
 Googleのサイトのような味気ないデザインになってしまいますが、Google検索すると、テンプレートが豊富に出てくるので、『派手じゃないけどカッコよくデザインしたい！』という方に非常にお勧めです。
-ただし、画像のリンクの設定については紛らわしいので<wrap hi>[[00.vue用デザインフレームワークvuetify:06.vuetifyで画像表示のリンクの注意点|こちら]]</wrap>
+ただし、画像のリンクの設定については紛らわしいので<wrap hi>[[00.vue用デザインフレームワークvuetify:06.vuetifyで画像表示のリンクの注意点|こちら]]</wrap>をご覧ください。
-をご覧ください。
 https://vuetifyjs.com/ja/
 {{:00.vue用デザインフレームワークvuetify:pasted:20181217-212530.png}}
+===== メニュー =====
+[[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でアイコンを利用]]
+日付を選択datepicker
 ===== 開発環境 =====
 <code>
@@ 行 42: / 行 60: @@
 すると、以下のようになります。
-<html>
+{{:00.vue用デザインフレームワークvuetify:pasted:20190308-193750.png}}
-<iframe src="https://codesandbox.io/embed/jjyzxj3v73" style="width:100%; height:500px; border:0; border-radius: 4px; overflow:hidden;" sandbox="allow-modals allow-forms allow-popups allow-scripts allow-same-origin"></iframe>
-</html>
 参考：https://vuetifyjs.com/ja/getting-started/quick-start
@@ 行 61: / 行 77: @@
 [[00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター|05.Vuetifyでheaderヘッダーとfooterフッター]]
+[[00.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用|06.vuetifyでアイコンを利用]]
@@ 行 78: / 行 95: @@
 https://windii.jp/nuxt/vuetify-tutorial/amp
 Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
 https://sugimotonote.com/2018/04/04/post-997/
@@ 行 90: / 行 105: @@
 Vuetifyをインストールして使ってみる
+https://windii.jp/frontend/nuxt/vuetify-tutorial
+/11/11
+Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
+→わかりやすい！写経してみたいです。
+http://dokechin.hatenablog.com/entry/2018/03/19/080210
+-03-19
+Vuetify.jsでかっこいいWebトップ画面を作りたい
+→ img のリンクの注意点

00.vue用デザインフレームワークvuetify/index.html.1546292399.txt.gz · 最終更新: 2018/12/31 by adash333