no message

components/Login/Login.vue

@@ -10,7 +10,9 @@
 	import {
 		getUserInfoAction
 	} from '@/api/index.js'
-
+	import {
+		getToken
+	} from '@/tool/member.js'
 	const mask_show = ref(true)
 	const login_show = ref(true)
 
@@ -30,10 +32,12 @@
 	const getUserInfo = () => {
 		login_show.value = true
 		mask_show.value = true
-		getUserInfoAction((info) => {
-			login_show.value = false
-			mask_show.value = false
-		}, false)
+		if (getToken()) {
+			getUserInfoAction((info) => {
+				login_show.value = false
+				mask_show.value = false
+			}, false)
+		}
 	}
 
 	defineExpose({

pages/main/user/user.vue

@@ -9,9 +9,14 @@
 	} from 'vue'
 	import config from '@/config.js'
 	import {
+		getToken,
 		delToken
 	} from '@/tool/member.js'
+	import {
+		getUserInfoAction
+	} from '@/api/index.js'
 	const login_ref = ref(null)
+	const user_info = ref(false)
 	const loginRef = (e) => {
 		login_ref.value = e
 	}
@@ -19,38 +24,88 @@
 		delToken()
 		login_ref.value.getUserInfo()
 	}
+
+	import {
+		onShow
+	} from '@dcloudio/uni-app'
+
+	onShow(() => {
+		getUserInfo()
+	})
+
+	const getUserInfo = () => {
+		if (getToken()) {
+			getUserInfoAction((info) => {
+				user_info.value = info
+			}, false)
+		}
+	}
 </script>
 <template>
 	<Login :ref="loginRef"></Login>
-	<view class="home_wrapper u-text-center">
-		<view class="home_logo_wrapper">
-			<u-image width="200rpx" height="200rpx" src="/static/logo.png"></u-image>
+	<view class="user_top_wrapper">
+		<view v-if="user_info" class="user_info_wrapper">
+			<view class="user_info_avatar_wrapper">
+				<u-image v-if="user_info.info.avatar" :src="`${user_info.info.nickname}?s=140`" width="140rpx"
+					height="140rpx"></u-image>
+				<u-image v-else src="/static/logo.png" width="140rpx" height="140rpx"></u-image>
+			</view>
+			<view class="user_info_nickname_wrapper">
+				<view v-if="user_info.info.nickname">{{ user_info.info.nickname }}</view>
+				<view v-else>点击设置昵称</view>
+			</view>
 		</view>
-		<view class="home_title_wrapper">{{ config.title }}</view>
-		<view class="quit_button_wrapper">
-			<u-button @click="quitClick()">退出登录</u-button>
+		<view v-else class="user_info_wrapper">
+			<view class="user_info_avatar_wrapper">
+				<u-image src="/static/logo.png" width="140rpx" height="140rpx"></u-image>
+			</view>
+			<view class="user_info_nickname_wrapper">
+				点击登录
+			</view>
 		</view>
+		<view class="user_top_bottom_bg_wrapper"></view>
 	</view>
 </template>
+<style>
+	page {
+		background: #ffffff;
+	}
+</style>
 <style scoped>
-	.quit_button_wrapper {
-		margin-top: 30rpx;
+	.user_info_avatar_wrapper {
+		width: 140rpx;
+		height: 140rpx;
+		border-radius: 6rpx;
+		background: #ffffff;
+		margin: 30rpx auto 0;
+		box-shadow: 0 0 50rpx #00000060;
 	}
 
-	.home_title_wrapper {
-		margin: 10rpx 0;
+	.user_info_nickname_wrapper {
+		font-size: 28rpx;
+		font-weight: bold;
+		margin-top: 20rpx;
 	}
 
-	.home_logo_wrapper {
-		width: 200rpx;
-		height: 200rpx;
-		margin: 0 auto;
+	.user_info_wrapper {
+		text-align: center;
 	}
 
-	.home_wrapper {
+	.user_top_bottom_bg_wrapper {
 		position: absolute;
-		top: 50%;
-		left: 50%;
-		transform: translate(-50%, -50%);
+		width: 750rpx;
+		height: 100rpx;
+		background: #ffffff;
+		border-radius: 50%;
+		bottom: 0;
+		transform: translateY(50%);
+		box-shadow: 0 0 50rpx #00000060;
+	}
+
+	.user_top_wrapper {
+		height: 300rpx;
+		overflow: hidden;
+		position: relative;
+		background: #67b163;
 	}
 </style>