デフォルトのソースを削除

src/app/home/home.page.html

@@ -1,20 +1,40 @@
-<ion-header [translucent]="true">
+<ion-header>
   <ion-toolbar>
     <ion-title>
-      Blank
+      トップページ
     </ion-title>
   </ion-toolbar>
 </ion-header>
 
-<ion-content [fullscreen]="true">
-  <ion-header collapse="condense">
-    <ion-toolbar>
-      <ion-title size="large">Blank</ion-title>
-    </ion-toolbar>
-  </ion-header>
+<ion-content>
+  <!-- 施主名 テストプレビュー用 -->
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>施主名</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>ふりがな：{{nameFurigana}}</ion-card-content>
+    <ion-card-content>氏名：{{name}}</ion-card-content>
+    <ion-card-content>戒名ふりがな：{{kaimyouFurigana}}</ion-card-content>
+    <ion-card-content>戒名：{{kaimyou}}</ion-card-content>
+    <ion-card-content>年齢：{{age}}</ion-card-content>
+    <ion-card-content>没年日：{{birthday}}</ion-card-content>
+    <ion-card-content>郵便番号：{{postCode}}</ion-card-content>
+    <ion-card-content>住所：{{address}}</ion-card-content>
+  </ion-card>
 
-  <div id="container">
-    <strong>Ready to create an app?</strong>
-    <p>Start with Ionic <a target="_blank" rel="noopener noreferrer" href="https://ionicframework.com/docs/components">UI Components</a></p>
-  </div>
+  <!-- 家族情報 テストプレビュー用 -->
+  <ion-card>
+    <ion-card-header>
+      <ion-card-title>家族情報</ion-card-title>
+    </ion-card-header>
+    <ion-card-content>ふりがな：{{nameFurigana}}</ion-card-content>
+    <ion-card-content>氏名：{{name}}</ion-card-content>
+    <ion-card-content>戒名ふりがな：{{kaimyouFurigana}}</ion-card-content>
+    <ion-card-content>戒名：{{kaimyou}}</ion-card-content>
+    <ion-card-content>年齢：{{age}}</ion-card-content>
+    <ion-card-content>没年日：{{birthday}}</ion-card-content>
+    <ion-card-content>郵便番号：{{postCode}}</ion-card-content>
+    <ion-card-content>住所：{{address}}</ion-card-content>
+    <ion-card-content>世帯主との関係：{{relationship}}</ion-card-content>
+  </ion-card>
 </ion-content>

src/app/home/home.page.scss

@@ -1,27 +0,0 @@
-#container {
-  text-align: center;
-
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-#container strong {
-  font-size: 20px;
-  line-height: 26px;
-}
-
-#container p {
-  font-size: 16px;
-  line-height: 22px;
-
-  color: #8c8c8c;
-
-  margin: 0;
-}
-
-#container a {
-  text-decoration: none;
-}