shaogen1995
/
HQ_yueYue


			
				
					
						
						
							1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
							<!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;
    }
    .main {
      width: 100%;
      height: 100%;
      overflow-y: auto;
      max-width: 500px;
      margin: 0 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>
    <div class="main">
      <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 />
    </div>
  </body>
  <script>
    const url1Dom = document.querySelector('#url1')
    url1Dom.onclick = () => {
      window.location.href = '/web/#/'
    }

    const url2Dom = document.querySelector('#url2')

    url2Dom.onclick = () => {
      window.location.href = '/web/#/exhi'
    }
  </script>
</html>