Leon 2 jaren geleden
bovenliggende
commit
69260b4075
3 gewijzigde bestanden met toevoegingen van 17 en 6 verwijderingen
  1. BIN
      src/assets/images/user.png
  2. 8 0
      src/pages/Profile.scss
  3. 9 6
      src/pages/Profile.tsx

BIN
src/assets/images/user.png


+ 8 - 0
src/pages/Profile.scss

@@ -24,7 +24,15 @@
     height: 180px;
     border-radius: 90px;
     background-color: #fff;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+}
 
+.avatar_placeholder{
+    width: 100px;
+    height: 100px;
 }
 
 .nickname{

+ 9 - 6
src/pages/Profile.tsx

@@ -1,7 +1,7 @@
 import Buttons from "@/components/Buttons";
 import { delSession } from "@/services/common";
 import { clear, logout } from "@/services/user";
-import { View, Text } from "@tarojs/components";
+import { View, Text,Image } from "@tarojs/components";
 import Taro from "@tarojs/taro";
 import { useDispatch, useSelector } from "react-redux";
 import './Profile.scss'
@@ -30,7 +30,7 @@ export default function Page() {
         }
         else {
             Taro.navigateTo({
-                url: '/pages/Balance'
+                url: '/pages/ChooseAuth'
             })
         }
     }
@@ -41,7 +41,7 @@ export default function Page() {
         }
         else {
             Taro.navigateTo({
-                url: '/pages/Balance'
+                url: '/pages/ChooseAuth'
             })
         }
         
@@ -54,9 +54,12 @@ export default function Page() {
     }
 
     return <View className="container">
+        <View style={{height:20}}/>
         <View className="profile_card card" onClick={tapProfile}>
             <View className="avatar" style={{ opacity: user.isLogin ? 1 : 0.4 }}>
-
+                {
+                    user.isLogin?<Image src={user.avatar} className="avatar" />:<Image src={require('@/assets/images/user.png')} className="avatar_placeholder" />
+                }
             </View>
             <Text className="nickname">{user.isLogin ? user.nickname : '未登录'}</Text>
             <Text className="username">{user.isLogin ? '用户名未设置' : ''}</Text>
@@ -68,7 +71,7 @@ export default function Page() {
         {user.isLogin && <View className="card" onClick={goSetting}>
             <Text className="title">设置</Text>
         </View>}
-        {
+        {/* {
             user.isLogin && <Text>用户名:{user.nickname}</Text>
         }
         {
@@ -77,7 +80,7 @@ export default function Page() {
         
         {
             user.isLogin && <Buttons title='重置session' onClick={reset} style={{ width: 289, marginBottom: 30 }} />
-        }
+        } */}
 
     </View>
 }