浏览代码

Merge branch 'master' of codehub-cn-south-1.devcloud.huaweicloud.com:web3000003/web-0210402

flowaaa 9 月之前
父节点
当前提交
a10133b318

二进制
app-angular/src/assets/10.jpg


二进制
app-angular/src/assets/11.jpg


二进制
app-angular/src/assets/12.jpg


二进制
app-angular/src/assets/13.jpg


二进制
app-angular/src/assets/8.jpeg


二进制
app-angular/src/assets/9.jpg


+ 5 - 1
app-angular/src/modules/lesson/contact-list/contact-list.component.html

@@ -1,6 +1,10 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
-    <ion-title>通讯录</ion-title>
+   
+    <ion-buttons slot="start">
+      <ion-button routerLink="/lesson/me" fill="clear" color="dark">
+          <ion-icon name="chevron-back-outline" size="small"></ion-icon>返回</ion-button>
+  </ion-buttons>
     <ion-buttons slot="end">
       <ion-button routerLink="/user/add">
           <ion-icon slot="start" name="create-outline"></ion-icon>

+ 1 - 1
app-angular/src/modules/lesson/contact-list/contact-list.component.scss

@@ -28,4 +28,4 @@ ion-button {
     ion-icon {
         margin-right: 3px;
     }
-}
+}

+ 30 - 6
app-angular/src/modules/lesson/me/me.component.html

@@ -75,7 +75,7 @@
             <ion-item button detail="true" routerLink="/lesson/me/userFollow">
                 <ion-icon name="people-sharp"></ion-icon>
                 <ion-label>
-                    <ion-note>人物</ion-note>
+                    <ion-note>人物,</ion-note>
                    
                 </ion-label>
             </ion-item>
@@ -109,6 +109,7 @@
             <ion-label><span class="bold-text">葱葱</span><br>  
                 <span class="small-orange-text">生日</span>🎂<br>  
                 <span class="small-red-text">2024-7-01</span>  </ion-label>
+                <ion-badge slot="end" class="days-badge">距离纪念<br><br>今天</ion-badge> 
           </ion-item>
           <ion-item>
             <ion-avatar slot="start">
@@ -119,6 +120,18 @@
     <span class="small-orange-text">生日</span>🎂<br>  
     <span class="small-red-text">2024-7-03</span>  
             </ion-label>
+            <ion-badge slot="end" class="days-badge">距离纪念<br><br>2天</ion-badge> 
+          </ion-item>
+          <ion-item>
+            <ion-avatar slot="start">
+                <img alt="头像" src="../../assets/11.jpg" />
+            </ion-avatar>
+            <ion-label>  
+                <span class="bold-text">苏苏</span><br>  
+    <span class="small-orange-text">生日</span>🎂<br>  
+    <span class="small-red-text">2024-7-10</span>  
+            </ion-label>
+            <ion-badge slot="end" class="days-badge">距离纪念<br><br>9天</ion-badge> 
           </ion-item>
         </div>
         </ion-accordion>
@@ -129,9 +142,9 @@
           <div class="ion-padding" slot="content"> 
             <ion-item>
             <ion-avatar slot="start">
-                <img alt="头像" src="../../assets/7.jpg" />
+                <img alt="头像" src="../../assets/8.jpeg" />
             </ion-avatar>
-            <ion-label><span class="bold-text">boss刘</span> <br>  
+            <ion-label><span >boss刘</span> <br>  
                 <span class="small-orange-text">还没记录任何该人物的往来信息</span><br>  
                  </ion-label>
           </ion-item>
@@ -140,9 +153,20 @@
                 <img alt="头像" src="../../assets/6.jpg" />
             </ion-avatar>
             <ion-label>  
-                <span class="bold-text">飞马智哥</span><br>  
+                <span >飞马智哥</span><br>  
+    <span class="small-orange-text">还没添加该人物的关系</span><br>    
+            </ion-label>
+            
+          </ion-item>
+          <ion-item>
+            <ion-avatar slot="start">
+                <img alt="头像" src="../../assets/9.jpg" />
+            </ion-avatar>
+            <ion-label>  
+                <span >Tina蒂娜</span><br>  
     <span class="small-orange-text">还没添加该人物的关系</span><br>    
             </ion-label>
+            
           </ion-item>
         </div>
         </ion-accordion>
@@ -162,7 +186,7 @@
              
               <ion-item button detail="true" routerLink="/lesson/me/userTag">
                 <ion-avatar slot="start">
-                    <img alt="头像" src="../../assets/3.jpg" />
+                    <img alt="头像" src="../../assets/13.jpg" />
                 </ion-avatar>
                 <ion-label>  
                     <span class="bold-text2">礼物</span><br>  
@@ -178,7 +202,7 @@
         <span class="small-orange-text2">看法,想法,畅所欲言</span><br>    
                 </ion-label>
               </ion-item>
-              <ion-item>
+              <ion-item >
                 <ion-avatar slot="start">
                     <img alt="头像" src="../../assets/3.jpg" />
                 </ion-avatar>

+ 14 - 2
app-angular/src/modules/lesson/me/me.component.scss

@@ -71,7 +71,7 @@ ion-avatar img {
     color: orange; /* 橘色 */  
 }  
 .bold-text2 {  
-    font-weight: bold; /* 加粗 */  
+    
     color: rgb(40, 133, 248); /* 黑色 */  
 }  
 
@@ -92,5 +92,17 @@ ion-avatar img {
  .ion-padding{
     background-color: #eff6f7 !important; 
  }
-
+ .days-badge {  
+    /* 字体大小和粗细 */  
+    font-size: 0.8em; /* 字体小一号,这里使用了相对单位em,相对于父元素的字体大小 */  
+    font-weight: 300; /* 字体更细一些,这里使用了300,表示轻量字体 */  
+      
+    /* 其他样式 */  
+    --background: rgb(255, 170, 0); /* 背景颜色 */  
+    --color: #fff; /* 文本颜色 */  
+    margin-left: auto; /* 使徽章与左侧内容保持尽可能远的距离 */  
+    margin-right: 16px; /* 右边距,可以根据需要调整 */  
+    padding: 4px 8px; /* 内边距,可以根据需要调整 */  
+    border-radius: 4px; /* 圆角,可以根据需要调整 */  
+  }
  

+ 1 - 7
app-angular/src/modules/lesson/user-follow/user-follow.component.html

@@ -1,12 +1,6 @@
 <ion-header [translucent]="true">
   <ion-toolbar>
-    <!-- <ion-title>通讯录</ion-title> -->
-    <!-- <ion-buttons slot="end">
-      <ion-button (click)="goToAddPage()">
-        <ion-icon name="add">11</ion-icon> 添加
-      </ion-button>
-    </ion-buttons> -->
-    
+  
   </ion-toolbar>
 </ion-header>