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

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

ユーザ用ツール

サイト用ツール


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


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.vue用デザインフレームワークvuetify:index.html [2018/12/31] – [Vue.js用マテリアルデザインフレームワークVuetify] adash33300.vue用デザインフレームワークvuetify:index.html [2019/03/08] (現在) – [index.htmlを編集] adash333
行 9: 行 9:
 https://vuetifyjs.com/ja/ https://vuetifyjs.com/ja/
 {{:00.vue用デザインフレームワークvuetify:pasted:20181217-212530.png}} {{: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> <code>
行 41: 行 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 参考:https://vuetifyjs.com/ja/getting-started/quick-start
行 60: 行 77:
 [[00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター|05.Vuetifyでheaderヘッダーとfooterフッター]] [[00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター|05.Vuetifyでheaderヘッダーとfooterフッター]]
  
 +[[00.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用|06.vuetifyでアイコンを利用]]
  
  
行 77: 行 95:
 https://windii.jp/nuxt/vuetify-tutorial/amp https://windii.jp/nuxt/vuetify-tutorial/amp
 Vuetifyチュートリアル。CSSを書かないマテリアルデザイン Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
- 
- 
  
 https://sugimotonote.com/2018/04/04/post-997/ https://sugimotonote.com/2018/04/04/post-997/
行 89: 行 105:
 Vuetifyをインストールして使ってみる Vuetifyをインストールして使ってみる
  
 +https://windii.jp/frontend/nuxt/vuetify-tutorial
 +2018/11/11
 +Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
 +→わかりやすい!写経してみたいです。
 +
 +http://dokechin.hatenablog.com/entry/2018/03/19/080210
 +2018-03-19
 +Vuetify.jsでかっこいいWebトップ画面を作りたい
 +→ img のリンクの注意点
  
  


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

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki