Переглянути джерело

Merge branch 'master' of http://git.fmode.cn:3000/0225273/APPmy

0225273 4 місяців тому
батько
коміт
9eb990f838

+ 4 - 4
src/app/creator/creator.page.html

@@ -17,18 +17,18 @@
 
 
 <ion-content>
-  <div class="creator-info">
+  <div class="creator-info" style="background-image: url('../assets/img/paint.png');">
     <div class="profile">
       <ion-avatar>
-        <img src="avatar.jpg"> <!-- 头像图片 -->
+        <img src="https://ionicframework.com/docs/img/demos/avatar.svg"> <!-- 头像图片 -->
       </ion-avatar>
-      <ion-label class="nickname">0105</ion-label> <!-- 昵称 -->
+      <ion-label class="nickname">{{user?.get("username")}}</ion-label> <!-- 昵称 -->
     </div>
     <div class="stats">
       <ion-label class="label-icon"><ion-icon name="thumbs-up-outline"></ion-icon> 点赞数:300</ion-label>
       <ion-label class="label-icon"><ion-icon name="eye-outline"></ion-icon> 浏览量:6000</ion-label>
       <ion-label class="label-icon"><ion-icon name="star-outline"></ion-icon> 最佳作品点赞数:150</ion-label>
-      <ion-label class="label-icon"><ion-icon name="cash-outline"></ion-icon> 收入:2000元</ion-label>
+      <ion-label class="label-icon"><ion-icon name="cash-outline"></ion-icon> 上月收入:2000元</ion-label>
     </div>
 </div>
 

+ 1 - 0
src/app/creator/creator.page.scss

@@ -4,6 +4,7 @@
   background-position: center;
   padding: 20px;
   border-radius: 10px;
+  
 }
 
 .profile {

+ 13 - 2
src/app/creator/creator.page.ts

@@ -1,4 +1,5 @@
 import { Component, OnInit } from '@angular/core';
+import Parse from "parse";
 
 @Component({
   selector: 'app-creator',
@@ -9,10 +10,20 @@ export class CreatorPage implements OnInit {
 
   goToCommunity(){
     
+  }
+  // 由于Parse.User.current()是随着localStorage变化的属性
+  // 为了避免首次复制后用户状态变化,页面不同步,通过get方法实现实时获取
+  user:Parse.User|undefined
+  async ngOnInit() {
+    // this.showContent(this.selectedContent);
+    this.user = await Parse.User.current()
+      setInterval(async ()=>{
+      this.user = await Parse.User.current()
+    },1000)
   }
   constructor() { }
 
-  ngOnInit() {
-  }
+  // ngOnInit() {
+  // }
 
 }

+ 2 - 0
src/app/tab2/tab2.page.scss

@@ -6,6 +6,7 @@
   .company-card {
     background-color: #e9fff9; /* 设置ion-card的背景颜色为灰色(根据需要调整颜色) */
     color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
+    border: 1px solid #fffbea; /* 添加边框 */
   }
   .Company-card {
     background-color: #dbf1ff; /* 设置ion-card的背景颜色为灰色(根据需要调整颜色) */
@@ -30,6 +31,7 @@
 .ant-card {
   background-color: #e9fff9; /* 设置ion-card的背景颜色为灰色(根据需要调整颜色) */
   color: rgb(0, 0, 0); /* 设置文本颜色为黑色 */
+  border: 1px solid #fffbea; /* 添加边框 */
 }
 .review-details {
   display: flex;

BIN
src/assets/img/paint.png