h5/pages/index/index.vue

<template>
	<view class="">
		<view class="header p-3">
			<view class="fs-18 text-white">
				个人档案
			</view>
			<view class="centerY mt-2">
				<view class="w-20 userhead">
					<view class="picbox">
						<image src="../../static/家族史.png" mode="widthFix" class="picimg"></image>
					</view>
				</view>
				<view class="w-80 ml-2">
					<view class="text-white fs-16 font-bold">
						{{'王老爷'}}
					</view>
					<view class="centerY" style="margin-top:10rpx;">
						<view class="iconfont nv text-white fs-16 font-bold"></view>
						<view @click="$mf.clickNavto('/pages/userinfo/userinfo')" class="text-gry80 fs-12 bg-white ml-auto"
							style="padding:8rpx 26rpx;border-radius: 50rpx;">
							基础资料
						</view>
						<view class="iconfont youla2 fs-24 text-white font-bold">
						</view>
					</view>
				</view>
			</view>
		</view>
		<view class="content p-3  bg-white mx-3 my-2 box-border08">
			<view class="centerY mt-1">
				<view class="bule_line d-inline-block">
				</view>
				<view class="ml-2 font-bold">
					健康数据
				</view>
				<view class="ml-auto fs-10 text-gry">
					更多
				</view>
				<view class="iconfont Chevron-Right text-gry">

				</view>
			</view>
			<view class="centerY mt-3">
				<view class="w-50 pr-2">
					<image src="../../static/index/grtz.png" mode="widthFix" class="w-100"></image>
				</view>
				<view class="w-50 pl-1">
					<image src="../../static/index/jkbg.png" mode="widthFix" class="w-100"></image>
					<image src="../../static/index/dqyy.png" mode="widthFix" class="w-100 mt-2"></image>
				</view>
			</view>
			<view class="mt-2">
				<image src="../../static/index/ydjc.png" mode="widthFix" class="w-100"></image>
			</view>
			<view class="mt-2">
				<image src="../../static/index/jjjc.png" mode="widthFix" class="w-100"></image>
			</view>
			
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {
			console.log(this.$mf.clickNavto)
		},
		methods: {
		
		}
	}
</script>

<style lang="scss">
	page {
		background: #F5F9FF;
	}

	.header {
		background: linear-gradient(180deg, #096DCB 0%, #6faae1 100%)
	}

	.userhead {
		border-radius: 50%;
		background: rgb(255, 255, 255);
		box-shadow: 1px 1px 10px 1px #096DCB;
	}

	.text-gry80 {
		color: #808080;
	}

	.box-border08 {
		border-radius: 16rpx;
	}
</style>