css+div实现简洁手机端app首页效果代码-html代码-BFW代码库

css+div实现简洁手机端app首页效果代码

代码语言：html

代码描述：css+div实现简洁手机端app首页效果代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum=1.0,minimum=1.0,user-scalable=0" />
    <title>BFW NEW PAGE</title >
    <link type="text/css" rel="stylesheet" href="//repo.bfw.wiki/bfwrepo/css/vant.min.css">
    <style>
        .footer-content {
	position:fixed;
	width:100%;
	height:65px;
	background:#fff;
	left:0;
	right:0;
	bottom:0;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	padding:8px 0 4px;
	border-top:solid .5px #e5e5e5;
	z-index:2
}
.tab-item {
	-webkit-box-flex:1;
	-webkit-flex:1;
	flex:1;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	-webkit-box-pack:center;
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-box-align:center;
	-webkit-align-items:center;
	align-items:center;
	font-size:10px
}
.tab-item span {
	height:34px
}
.iconfont {
	font-size:22px
}
.desc-text {
	margin:0;
	font-size:11px
}
.highlight_text {
	color:#00d1b2
}
.highlight_icon {
	color:#00d1b2
}
.form-view-item {
	width:100%;
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	padding:0
}
.form-view-item .form-preview-group-header {
	display:-webkit-box;
	display:-webkit-flex;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	-webkit-flex-direction:column;
	flex-direction:column;
	padding:0 15px 0 17px
.........完整代码请登录后点击上方下载按钮下载查看