chenzimin2
/
shajiabin


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
							<!DOCTYPE html>
<html lang="ch-zh">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="shortcut icon" href="./img/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/reset.css" />
    <link rel="stylesheet" href="./css/main.css" />
    <title>-</title>
  </head>
  <style>
    .myTitle {
      letter-spacing: 4px;
      margin: 0 auto;
      color: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      width: 270px;
      height: 50px;
      background: url("./img/titleBac.png") no-repeat center;
      background-size: 100% 100%;
    }
    .options {
      display: flex;
      justify-content: space-between;
      margin: 20px auto;
      width: 300px;
    }
    .btn {
      width: 120px;
      height: 35px;
      border-radius: 10px;
      box-shadow: none;
      border: 1px solid #9d917f;
      background: #ffffff21;
      color: white;
      font-size: 14px;
    }
    .active {
      background: #ffffff21;
    }

    .containers {
      padding-top: 40px;
      width: 100vw;
      max-width: 1080px;
      /* height: 100vh; */
      background-color: #285b5e;
    }

    .pageBox {
      position: fixed;
      z-index: 99;
      right: 20px;
      top: 10px;
      display: flex;
    }

    .pageBox > div {
      width: 24px;
      height: 24px;
      background-color: #fff;
      cursor: pointer;
      margin-left: 15px;
      line-height: 24px;
      text-align: center;
      border-radius: 5px;
      border: 1px solid #ccc;
    }

    .pageBox > div:hover {
      background-color: #285b5e;
      color: #fff;
    }

    .pageBox .active {
      pointer-events: none;
      background-color: #285b5e;
      color: #fff;
    }
  </style>

  <body>
    <div class="containers">
      <div class="myTitle"></div>
      <div class="options">
        <!-- 3d -->
        <button class="btn" id="3dbtn">三维文物</button>
        <!-- 2d -->
        <button class="btn" id="2dbtn">二维文物</button>
      </div>
      <ul class="con"></ul>
      <!-- 分页指示器 -->
      <!-- <div class="pageBox">
            <div class="active">1</div>
            <div>2</div>
            <div>3</div>
        </div> -->
    </div>
    <script src="./info.js"></script>
    <script src="js/jquery.js"></script>
    <script src="js/ui.js"></script>
    <script>
      document.title = titleInfo;
      $(".myTitle").text(titleInfo);
    </script>
  </body>
</html>