このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン 前のリビジョン 次のリビジョン | 前のリビジョン | ||
00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター [2019/01/29] adash333 [Vue.jsにMaterial Design Iconを導入] |
00.vue用デザインフレームワークvuetify:05.vuetifyでheaderヘッダーとfooterフッター [2019/04/30] (現在) adash333 [レスポンシブtoolbarとfooter] |
||
---|---|---|---|
行 53: | 行 53: | ||
- | |||
- | |||
- | 途中。 | ||
===== Vuetifyでレスポンシブなヘッダー(toolbar)その2 ===== | ===== Vuetifyでレスポンシブなヘッダー(toolbar)その2 ===== | ||
行 168: | 行 165: | ||
==== Vue.jsにMaterial Design Iconを導入 ==== | ==== Vue.jsにMaterial Design Iconを導入 ==== | ||
Material IconsとMaterial Design Iconsは別物らしく、公式サイトにmdi-codepenと記載されているアイコンは、Material Design Iconsだそうなのですが、そのままでは表示されません。 | Material IconsとMaterial Design Iconsは別物らしく、公式サイトにmdi-codepenと記載されているアイコンは、Material Design Iconsだそうなのですが、そのままでは表示されません。 | ||
- | https:// | + | https:// |
-Add Dependencyからvue-material-design-iconsをインストール | -Add Dependencyからvue-material-design-iconsをインストール | ||
行 186: | 行 183: | ||
// script内 | // script内 | ||
- | import | + | import |
components: { | components: { |