hospital/app/pages/user/index.vue

<template>
	<view class="main">
		<view class="user" @click="go('/pages/user/info')">
			<image :src="user.avatar ? ip + user.avatar : '../../static/favicon.png'" class="head"></image>
			<view class="con" v-if="user.id">
				<view class="nickName">{{ user.nickName ? user.nickName : '个人用户' }}</view>
				<view class="welcome">欢迎使用岑溪人民医院小程序</view>
			</view>
			<view class="con" v-else>
				<view class="nickName">你还没登录</view>
				<view class="welcome">欢迎使用岑溪人民医院小程序</view>
			</view>
			<view class="icon edit">&#xe62b;</view>
		</view>
		<view class="cmd">
			<view class="s_item" @click="go('/pages/help/my')">
				<text class="icon ic" style="color: #03a9f4">&#xe685;</text>
				<text class="title">我的体检</text>
				<text class="icon arrow">&#xe62b;</text>
			</view>
			<view class="s_item" @click="go('/pages/follow/index')">
				<text class="icon ic" style="color: #607d8b">&#xe60b;</text>
				<text class="title">我的回访</text>
				<text class="icon arrow">&#xe62b;</text>
			</view>
			<view class="s_item" @click="go('/pages/help/my')">
				<text class="icon ic" style="color: #f44336">&#xe7c4;</text>
				<text class="title">分享应用</text>
				<text class="icon arrow">&#xe62b;</text>
			</view>
			<view class="s_item" @click="go('/pages/help/my')">
				<text class="icon ic" style="color: #4caf50">&#xe62c;</text>
				<text class="title">建议反馈</text>
				<text class="icon arrow">&#xe62b;</text>
			</view>
			<view class="s_item" @click="go('/pages/other/setting')">
				<text class="icon ic" style="color: #9e9e9e">&#xe60f;</text>
				<text class="title">设置</text>
				<text class="icon arrow">&#xe62b;</text>
			</view>
		</view>
	</view>
</template>
<script>
export default {
	data() {
		return {
			ip: this.http.ip,
			user: {},
			show: false
		};
	},
	onShow() {
/* 		 		this.user = {
			token: 'eyJhbGciOiJIUzUxMiJ9.eyJsb2dpbl91c2VyX2tleSI6ImQ3YmZjZjVkLTgxZTgtNGJjMi04MjA1LTE5ZTY3NzdhNzEyMSJ9._pm56LMt6uOsjee2AlZOKdESEEj9axkz62-T74YsHeifH78cn2BouBDSCl-lDPpvOWmJOs1-CZS44oCUeBGlhw'
		};
		uni.setStorageSync('user', this.user); */
		if (this.hasLogin()) {
			this.getUserInfo();
		} else {
			this.user = {};
		}
	},
	methods: {
		getUserInfo() {
			this.http.request({
				url: '/app/user/info',
				success: (res) => {
					this.user = res.data.data;
				}
			});
		},
		go(url) {
			if (this.hasLogin()) {
				uni.navigateTo({ url: url });
			} else {
				uni.navigateTo({ url: '/pages/user/login' });
			}
		}
	},
	onShareAppMessage: function (res) {
		return {
			title: '岑溪人民医院小程序',
			path: '/pages/index/index',
			imageUrl: 'https://chenglantimes.com/prod-api/profile/upload/2024/06/16/blob_20240616055022A009.jpeg',
			success: (res) => {},
			fail: (res) => {}
		};
	}
};
</script>
<style lang="scss">
.main {
	padding: 5px 15px 25px 15px;
	.user {
		overflow: hidden;
		image {
			float: left;
			width: 60px;
			height: 60px;
			border-radius: 50%;
		}
		.con {
			float: left;
			padding-left: 15px;
			.nickName {
				padding-top: 5px;
			}
			.welcome {
				font-size: 14px;
				padding-top: 5px;
				color: #989898;
				.icon {
					padding-right: 3px;
				}
			}
		}
		.edit {
			float: right;
			margin-top: 14px;
		}
	}
}
</style>