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

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

ユーザ用ツール

サイト用ツール


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


差分

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

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
00.vue用デザインフレームワークvuetify:index.html [2019/01/29]
adash333 [初めてのVuetifyのリンク]
00.vue用デザインフレームワークvuetify:index.html [2019/03/08] (現在)
adash333 [index.htmlを編集]
行 13: 行 13:
 [[01.CodeSandboxのVue.jsでVuetify]] [[01.CodeSandboxのVue.jsでVuetify]]
  
-[[00.vue用デザインフレームワークvuetify:index.html|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:03.codesandboxvuetifyでcard|03.codesandbox上でVue.js-VuetifyでCard]]
行 60: 行 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
行 111: 行 109:
 Vuetifyチュートリアル。CSSを書かないマテリアルデザイン Vuetifyチュートリアル。CSSを書かないマテリアルデザイン
 →わかりやすい!写経してみたいです。 →わかりやすい!写経してみたいです。
 +
 +http://dokechin.hatenablog.com/entry/2018/03/19/080210
 +2018-03-19
 +Vuetify.jsでかっこいいWebトップ画面を作りたい
 +→ img のリンクの注意点
  
  


00.vue用デザインフレームワークvuetify/index.html.1548737886.txt.gz · 最終更新: 2019/01/29 by adash333