ユーザ用ツール

サイト用ツール


ionic4:ionic-vue

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン両方とも次のリビジョン
ionic4:ionic-vue [2019/04/30] – [src/router.jsとsrc/App.vueの変更] adash333ionic4:ionic-vue [2019/04/30] – [src/router.jsとsrc/App.vueの変更] adash333
行 236: 行 236:
 {{:ionic4:pasted:20190429-101604.png}} {{:ionic4:pasted:20190429-101604.png}}
  
 +===== src/views/Home.vueとAbout.vueの変更 =====
  
-題名と画像"%%<div text-center></div>%%"で囲+題名と画像が左寄せになってしまったので、"%%<div text-center></div>%%"で囲んで水平方向真ん中に配置します
  
-src/Home.vueの変更+src/views/Home.vueの変更
  
 <code> <code>
行 250: 行 251:
 {{:ionic4:pasted:20190430-130944.png}} {{:ionic4:pasted:20190430-130944.png}}
  
 +Aboutページでは、Ionicのcardを使ってみたいと思います。
  
 +参考:https://ionicframework.com/docs/api/card
  
 +参考2:https://ionicframework.com/docs/v3/components/#card-image
 +
 +https://ionicframework.com/docs/demos/api/card/madison.jpg から、madison.jpgをダウンロードして、%%src/assets/%%に保存します。
 +
 +src/views/About.vue
 +
 +<code>
 +
 +</code>
  
  

ionic4/ionic-vue.txt · 最終更新: 2020/12/03 by adash333

Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki