红色党史学习app开发第一阶段_Day05

昨日总结

昨天完成了mine界面header头部的编写

今日任务

今天的任务给界面的header头部进行一个css美化
代码：
.my-header{
	position: relative;
	padding-bottom: 15px;
	.my-header__background{
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		filter: blur(8px);
		opacity: 0.2;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.my-header__logo{
		display: flex;
		flex-direction: column;
		align-items: center;
		padding-top: 30px;
		.my-header__logo-box{
			margin-left: 12px;
			width:60px;
			height: 60px;
			overflow: hidden;
		}
		.my-header__name{
			margin-top: 15px;
			font-size: 16px;
			font-weight: bold;
		}
	}
	.my-header__info{
		margin-top: 15px;
		display: flex;
		.my-header__info-box{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			font-size: 12px;
			color: #999;
			.my-header__info-title{
				font-size: 14px;
				font-weight: bold;
				color: #333;
			}
		}
	}
}

明日任务

明天的任务给界面添加实质内容