仿tim移动端个人页面

<div class="myBody">
		<div class="usertop">
			<div class="userimg">
				<img src="../../../assets/img/1.jpg" alt="">
			</div>
			<div class="username">
				<h2>测试用名字</h2>
				<h3>世界真美好,没必要如此暴躁</h3>
			</div>
		</div>
		<div class="myContentBody">
			<div class="content">
				<div class="icon"><img src="../../../assets/img/user.png" alt="" srcset=""></div>
				<div class="name">绑定个人信息</div>
				<div class="detail">将用户信息与寝室信息绑定</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/watele.png" alt="" srcset=""></div>
				<div class="name">水电费</div>
				<div class="detail">缴纳宿舍每月水电费等信息</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/fixed.png" alt=""></div>
				<div class="name">保修</div>
				<div class="detail">宿舍设备的保修</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/water.png" alt=""></div>
				<div class="name">饮用水</div>
				<div class="detail">在宿管阿姨那购入饮用水</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/dorm.png" alt=""></div>
				<div class="name">宿舍</div>
				<div class="detail">查看宿舍三维地图</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/schoolmap.png" alt=""></div>
				<div class="name">地图</div>
				<div class="detail">查询校内地图</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/commet.png" alt=""></div>
				<div class="name">评论</div>
				<div class="detail">查看评论内容</div>
			</div>
			<div class="content">
				<div class="icon"><img src="../../../assets/img/exit.png" alt=""></div>
				<div class="name">退出</div>
				<div class="detail">退出当前程序</div>
			</div>
		</div>

		<!-- 撑起一节以显示所有内容 -->
		<div class="myfooter"></div>
	</div>

.myBody{
    background-color: rgba(236, 236, 236, 0.575);
}

.usertop{
    display: flex;
}

.userimg{
    margin-top: .33rem;
}

.userimg img{
    width: 2.6rem;
    height: 2.6rem;
    margin-left: .33rem;
}

.username{
    margin-top: .33rem;
    margin-left: .33rem;
}

.username h2{
    font-size: .55rem;
    margin-top: .48rem;
    font-family: '楷体';
}

.username h3{
    color: darkgrey;
    font-size: .26rem;
}

.myContentBody{
    overflow: hidden;
}

.content{
    float: left;
    background-color: white;
    width: 3.4rem;
    margin: .5rem;
    padding: .3rem;
    height: 2rem;
}

.content .icon img{
    width: .66rem;
}


.myfooter{
    margin-top: 1rem;
    height: .44rem;
}