map.html 1.49 KB
<!DOCTYPE html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=utf-8">

  <title>Logistic Html5 Map</title>
  
</head>
<style type="text/css">
body {
  background-color: #f7f7f7;
  width: 100%;
  padding: 0;
  margin: 0;
}
header {
  background-color: #1c69a3;
  padding: 2%;
  font: 3em/1 'Microsoft YaHei';
  color: #fff;
  text-align: center;
}
footer {
  padding: 3% 0;
  color: #333;
  font: 2em/1.5 'Microsoft YaHei';
  width: 100%;
  position: fixed;
  bottom: 0;
  background-color: #fff;
  text-align: center;
}
section {
  padding: 10px 5%;
}
article {
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 5px;
  background-color: #fff;
  padding: 10px;
  margin: 2em 0;
}
article a {
  font: 1.6em/1 'Microsoft YaHei';
  display: block;
}
a {
  color: #333;
  text-decoration: none;
}
a:hover {
  color: #71bcde;
}
</style>
<body>

<header>
  物流 主要流程入口(提示帮助)
</header>

<section>
  <article>
    <a href="./html/index.html">首页</a>
  </article>
  <article>
    <a href="./html/order_setting.html">接单</a>
  </article>
  <article>
    <a href="./html/shipping_list.html">货运单</a>
  </article>
  <article>
    <a href="./html/login.html">登录注册</a>
  </article>
  <article>
    <a href="./html/userCenter.html">用户中心</a>
  </article>
</section>

<footer>
  该文件中包含内容为物流移动端静态页面,主要流程的入口链接。<br/>
  建议在浏览器响应模式下查看所有链接。
</footer>
  
</body>
</html>