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

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

ユーザ用ツール

サイト用ツール


00.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用


差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
00.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用 [2019/01/31] – [3. Material Design Iconsアイコンの導入方法] adash33300.vue用デザインフレームワークvuetify:06.vuetifyでアイコンを利用 [2019/01/31] (現在) – [MDIのインストール方法その2?] adash333
行 150: 行 150:
 {{:00.vue用デザインフレームワークvuetify:pasted:20190129-194314.png}} {{:00.vue用デザインフレームワークvuetify:pasted:20190129-194314.png}}
 {{:00.vue用デザインフレームワークvuetify:pasted:20190129-194529.png}} {{:00.vue用デザインフレームワークvuetify:pasted:20190129-194529.png}}
-少しだけsrc/App.vueを変更 
-{{:00.vue用デザインフレームワークvuetify:pasted:20190129-200312.png}} 
  
 参考:https://www.npmjs.com/package/vue-material-design-icons 参考:https://www.npmjs.com/package/vue-material-design-icons
行 157: 行 155:
 Importするときの名前の付け方は、以下を参考。 Importするときの名前の付け方は、以下を参考。
 {{:00.vue用デザインフレームワークvuetify:pasted:20190129-193928.png}} {{:00.vue用デザインフレームワークvuetify:pasted:20190129-193928.png}}
 +
 +==== MDIのインストール方法その2? ====
 +
 +https://dev.materialdesignicons.com/getting-started/webfont
 +→この通りにやってうまくいくのか、いまいち分かりません、、、
 +
 +
 +==== Nuxt.js+Vuetifyでアイコンの利用方法 ====
 +
 +https://qiita.com/high-u/items/b8c708cd3795d2ab4a13
 +@high-u
 +2018年05月05日に更新
 +Nuxt.js で CSS フレームワークを 3 つ試した。
 +→fontAwesomeとMaterial icons両方を同時に使う方法が説明されています。
 +
 +
 +
  
  


00.vue用デザインフレームワークvuetify/06.vuetifyでアイコンを利用.1548938822.txt.gz · 最終更新: 2019/01/31 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki