shaogen1995
/
HQ_yueYue


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
							<!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>