浏览代码

用户界面完善

0210324 4 月之前
父节点
当前提交
1a65be5ce7
共有 2 个文件被更改,包括 12 次插入3 次删除
  1. 9 0
      src/app/me/me.page.html
  2. 3 3
      src/app/me/me.page.scss

+ 9 - 0
src/app/me/me.page.html

@@ -15,11 +15,13 @@
   <ion-card>
     <ion-list lines="full">
     <ion-item>
+      <ion-icon name="call-outline" slot="start"></ion-icon>
       <ion-label slot="start">手机号码</ion-label>
       <ion-input slot="end" value="13647061623" style="text-align: right;" maxlength="15"></ion-input>
     </ion-item>
     </ion-list>
     <ion-item>
+      <ion-icon name="bag-remove-outline" slot="start"></ion-icon>
       <ion-label>修改登录密码</ion-label>
       <ion-button slot="end" fill="clear">修改</ion-button>
     </ion-item>
@@ -27,15 +29,18 @@
   <ion-card>
     <ion-list lines="full">
       <ion-item>
+        <ion-icon name="mail-outline" slot="start"></ion-icon>
       <ion-label>意见反馈</ion-label>
       <ion-button slot="end" fill="clear">反馈</ion-button>
     </ion-item>
     <ion-item>
+      <ion-icon name="qr-code-outline" slot="start"></ion-icon>
       <ion-label>关于我们</ion-label>
       <ion-icon name="chevron-forward" slot="end"></ion-icon>
     </ion-item>
     </ion-list>
     <ion-item>
+      <ion-icon name="swap-horizontal-outline" slot="start"></ion-icon>
       <ion-label>联系我们</ion-label>
       <ion-icon name="chevron-forward" slot="end"></ion-icon>
     </ion-item>
@@ -43,19 +48,23 @@
   <ion-card>
   <ion-list lines="full">
     <ion-item>
+      <ion-icon name="alert-circle-outline" slot="start"></ion-icon>
       <ion-label>接受推送通知</ion-label>
       <ion-toggle slot="end"></ion-toggle>
     </ion-item>  
     <ion-item>
+      <ion-icon name="document-text-outline" slot="start"></ion-icon>
       <ion-label>用户协议</ion-label>
       <ion-icon name="chevron-forward" slot="end"></ion-icon>
     </ion-item>
     <ion-item>
+      <ion-icon name="cloud-upload-outline" slot="start"></ion-icon>
       <ion-label>隐私政策</ion-label>
       <ion-icon name="chevron-forward" slot="end"></ion-icon>
     </ion-item>  
    </ion-list>
     <ion-item>
+      <ion-icon name="eye-off-outline" slot="start"></ion-icon>
       <ion-label>隐私权限设置</ion-label>
       <ion-icon name="chevron-forward" slot="end"></ion-icon>
     </ion-item> 

+ 3 - 3
src/app/me/me.page.scss

@@ -24,7 +24,7 @@
     flex-direction: column;  
     align-items: center;  
   } 
-  ion-card {  
-    --border-radius: 16px; // 设置圆角  
-    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); // 添加阴影  
+  ion-card {   // 设置圆角  
+    box-shadow: 0 4px 18px rgba(0, 0, 0, 0.1); // 添加阴影  
   }
+