ionic4:ionic-vue

差分

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

この比較画面へのリンク

--- ionic4:ionic-vue [2019/04/30] – [vue-routerと、@ionic/vueの追加] adash333
+++ ionic4:ionic-vue [2019/04/30] – [src/router.jsとsrc/App.vueの変更] adash333
@@ 行 236: / 行 236: @@
 {{: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>
+      <div text-center>
+        <h1>Welcome To @ionic/vue</h1>
+        <img alt="Vue logo" src="../assets/logo.png">
+      </div>
+</code>
+{{: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