细微修改

src/app/tab3/tab3.page.html

@@ -43,42 +43,44 @@
  
 
   <!-- 卡片区域 -->
-
   <div class="card-grid">
     <div class="card orange">
       <div class="left">
         <div class="top"><ion-icon name="card-outline"></ion-icon></div>
-        <div class="bottom"><span class="title">银行卡</span></div>
+        <div class="bottom"><span class="title">数字遗产信息</span></div>
       </div>
       <div class="right">
         <div class="top"><span class="title">2个</span></div>
         <div class="bottom"><span class="button">查看详情</span></div>
       </div>
     </div>
+
     <div class="card blue">
       <div class="left">
         <div class="top"><ion-icon name="wallet-outline"></ion-icon></div>
-        <div class="bottom"><span class="title">银行卡</span></div>
+        <div class="bottom"><span class="title">安全与隐私</span></div>
       </div>
       <div class="right">
         <div class="top"><span class="title">2个</span></div>
-        <div class="bottom"><span class="button">查看详情</span></div>
+        <div class="bottom"><span class="button">进行管理</span></div>
       </div>
     </div>
+
     <div class="card purple">
       <div class="left">
         <div class="top"><ion-icon name="diamond-outline"></ion-icon></div>
-        <div class="bottom"><span class="title">银行卡</span></div>
+        <div class="bottom"><span class="title">帮助与支持</span></div>
       </div>
       <div class="right">
         <div class="top"><span class="title">2个</span></div>
         <div class="bottom"><span class="button">查看详情</span></div>
       </div>
     </div>
+
     <div class="card red">
       <div class="left">
         <div class="top"><ion-icon name="newspaper-outline"></ion-icon></div>
-        <div class="bottom"><span class="title">银行卡</span></div>
+        <div class="bottom"><span class="title">个性化设置</span></div>
       </div>
       <div class="right">
         <div class="top"><span class="title">2个</span></div>

src/app/tab3/tab3.page.scss

@@ -16,7 +16,7 @@
       .card{
         display: flex;
         width:45vw;
-        height:120px;
+        height:100px;
         padding: 20px;
         border-radius: 5px;
         margin-bottom: 15px;
@@ -24,8 +24,8 @@
         .left > .top{
           font-size: 2rem;
           background-color: #FFFFFF;
-          width:45px;
-          height:45px;
+          width:35px;
+          height:35px;
           padding:5px;
           border-radius: 50%;
         }
@@ -48,7 +48,7 @@
 
         }
         .title{
-          font-size: 1.2rem;
+          font-size: 0.8rem;
         }
         .top{
           display: flex;