浏览代码

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

linehang 7 年之前
父节点
当前提交
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>