NurseStationApp/pages/Personal/Personal.vue

<template>
	<view class="app">
		<view class="cards">
			<view class="item" style="background-color: #9E4DD0;" @tap='gouser'>
				<image src="../../static/user.png" mode=""></image>
				<view class="title">
					个人信息
				</view>
			</view>
			<view class=" item" style="background-color: #E1AE3C ;" @tap='goorder'>
				<image src="../../static/dingdan.png" mode=""></image>
				<view class="title">
					我的订单
				</view>
			</view>
			<view class="item" style="background-color: #00C176 ;">
				<image src="../../static/home.png" mode=""></image>
				<view class="title" style="font-size: 42rpx;">
					我的家庭
				</view>
			</view>
			<view class="item">
			</view>
			<view class="item">
			</view>
			<view class="item">
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		methods: {
			goorder() {
				uni.navigateTo({
					url: '/pages/order/order'
				})
			},
			//跳转个人信息页面
			gouser() {
				uni.navigateTo({
					url: '/pages/user/user'
				})
			},
		},
	}
</script>

<style lang="scss">
	.app {

		.cards {
			height: 82vh;
			padding: 22px 0 20px 0;

			.item {
				height: 295rpx;

				.title {
					width: 80%;
					top: 60%;
				}
			}
		}
	}
</style>