首页 发现 帮助
注册 登录
zdm
/
sr-publicServicePlatform
关注 1
点赞 0
派生 0
文件
浏览代码

完成预约挂号首页静态页面开发

linehang 7 年之前
父节点
4ca306b5a7
当前提交
c4fe668fd2
共有 3 个文件被更改，包括 161 次插入 和 7 次删除
分列视图 显示文件统计
  1. 2 2
      css/common.css
  2. 31 0
      page/home/css/home.css
  3. 128 5
      page/home/html/home.html

+ 2 - 2
css/common.css
查看文件 

@ -5,9 +5,9 @@
 
	font-size: 14px;
 
	font-family: "microsoft yahei";
 
	color: #666666;
 
	margin-right: 10px;
 
	margin-right: 20px;
 
	padding-left: 20px;
 
	text-align: center;
 
	text-align: right;
 
}
 
.page_div a {

+ 31 - 0
page/home/css/home.css
查看文件 

@ -0,0 +1,31 @@
 
.bgc-f5f9f9{
 
	background: #f5f9f9;
 
}
 
.c-ef6b00{
 
	color: #ef6b00;	
}
 
.c-0AD9C9{
 
	color: #0AD9C9;
 
}
 
.mt16{
 
	margin-top: 16px;
 
}
 
.h160{
 
	height: 160px;
 
}
 
.c-border{
 
	border-color: #e3ede8;
 
}
 
.ml14{
 
	margin-left: 14px;
 
}
 
.mt14{
 
	margin-top: 14px;
 
}

+ 128 - 5
page/home/html/home.html
查看文件 

@ -17,15 +17,138 @@
 
		<link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
		<link rel="stylesheet" type="text/css" href="../../../css/common.css" />
 
		<link rel="stylesheet" type="text/css" href="../css/home.css" />
 
		
	</head>
 
	<body>
 
	<body class="bgc-f5f9f9">
 
		<div id="main">
 
			<page-header></page-header>
 
            <page-footer></page-footer>
 
			<appointment-step></appointment-step>
 
			<div id="page" class="page_div"></div>
 
			<div class="container mt20">
 
				<div class="ui-grid">
 
					<div class="ui-col-0">
 
						<appointment-step></appointment-step>
 
					</div>
 
					<div class="ui-col-1 ml15 bgc-fff c-border">
 
						<div class="ml20 mt16 c-f20 c-323232">按医院</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div class="ui-grid m20">
 
							<div class="ui-col-1 h160 c-border">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
							<div class="ui-col-1 h160 c-border ml14">
 
								<div class="ui-grid ml14 mt14">
 
									<div class="ui-col-0">
 
										<div style="background: url(../../../images/BG.jpg) no-repeat;width: 150px;height: 130px;background-size: 150px 130px;"></div>
 
									</div>
 
									<div class="ui-col-1 ml20">
 
										<div class="c-f16 c-323232">厦门市中医院<span class="ml10 c-f14 c-ef6b00">[三级甲等]</span></div>
 
										<div class="mt16 c-f14">
 
											<span class="c-0AD9C9">382</span>
 
											<span class="c-909090">个推荐医生</span>
 
										</div>
 
										<div class="mt50">
 
											<img src="../../../images/icon_dizhi.png" width="24" height="24" />
 
											<span class="ml10 c-f14 c-909090">厦门市湖里区中山路</span>
 
										</div>
 
									</div>
 
								</div>
 
							</div>
 
						</div>
 
						<div id="page" class="page_div"></div>
 
					</div>
 
				</div>
 
			</div>
 
			<page-footer></page-footer>
 
		</div>
 
		<script src="../../../js/vue.js" type="text/javascript" charset="utf-8"></script>
 
		<script src="../../../js/jquery-2.2.4.js"></script>