|
|
@@ -0,0 +1,78 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="zh">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
+ <link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
|
|
|
+ <title>横琴民生事务局健康教育课堂预约</title>
|
|
|
+ </head>
|
|
|
+
|
|
|
+ <style>
|
|
|
+ * {
|
|
|
+ margin: 0;
|
|
|
+ padding: 0;
|
|
|
+ }
|
|
|
+ body {
|
|
|
+ width: 100vw;
|
|
|
+ height: 100vh;
|
|
|
+ overflow-y: auto;
|
|
|
+ }
|
|
|
+ .top {
|
|
|
+ width: 100%;
|
|
|
+ height: auto;
|
|
|
+ }
|
|
|
+ .tit {
|
|
|
+ padding: 30px 35px;
|
|
|
+ font-size: 24px;
|
|
|
+ }
|
|
|
+ .txt {
|
|
|
+ width: calc(100% - 70px);
|
|
|
+ margin: 0 auto 15px;
|
|
|
+ padding: 30px 0;
|
|
|
+ font-size: 24px;
|
|
|
+ font-weight: 700;
|
|
|
+ color: #7dbe2b;
|
|
|
+ background: rgba(125, 190, 43, 0.1);
|
|
|
+ border-radius: 5px;
|
|
|
+ border: 2px solid #7dbe2b;
|
|
|
+ }
|
|
|
+ .txt p {
|
|
|
+ text-align: center;
|
|
|
+ margin-bottom: 5px;
|
|
|
+ }
|
|
|
+ .txt2 {
|
|
|
+ color: #0d79d9;
|
|
|
+ border-color: #0d79d9;
|
|
|
+ background: rgba(13, 121, 217, 0.1);
|
|
|
+ }
|
|
|
+ </style>
|
|
|
+
|
|
|
+ <body>
|
|
|
+ <img class="top" src="./home/bg2.png" alt="" />
|
|
|
+
|
|
|
+ <div class="tit">请选择预约入口</div>
|
|
|
+
|
|
|
+ <div class="txt" id="url1">
|
|
|
+ <p>横琴民生事务局</p>
|
|
|
+ <p>展馆预约</p>
|
|
|
+ </div>
|
|
|
+ <div class="txt txt2" id="url2">
|
|
|
+ <p>横琴民生事务局</p>
|
|
|
+ <p>健康教育课堂预约</p>
|
|
|
+ </div>
|
|
|
+ <br />
|
|
|
+ <br />
|
|
|
+ </body>
|
|
|
+ <script>
|
|
|
+ const url1Dom = document.querySelector('#url1')
|
|
|
+ url1Dom.onclick = () => {
|
|
|
+ window.location.href = '/#/'
|
|
|
+ }
|
|
|
+
|
|
|
+ const url2Dom = document.querySelector('#url2')
|
|
|
+
|
|
|
+ url2Dom.onclick = () => {
|
|
|
+ window.location.href = '/#/exhi'
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</html>
|
