Home Explore Help
Register Sign In
wushaodong
/
examwin_web
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Browse Source

20211109 高校

邪性 3 years ago
parent
e209af59c4
commit
5ec68e8c14
12 changed files with 1483 additions and 6 deletions
Unified View Show Diff Stats
  1. 205 0
      colleges/colleges_detail.html
  2. 116 0
      colleges/colleges_list.html
  3. 246 0
      css/colleges_detail.css
  4. 264 0
      css/colleges_detail.less
  5. 199 0
      css/colleges_list.css
  6. 244 0
      css/colleges_list.less
  7. 5 1
      css/components.css
  8. 6 3
      css/components.less
  9. 13 0
      index.html
  10. 0 0
      js/colleges_detail.js
  11. 185 0
      js/colleges_list.js
  12. 0 2
      js/exam_list.js

+ 205 - 0
colleges/colleges_detail.html
View File 

@@ -0,0 +1,205 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
 
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
 
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
 
+  <title>高校详情</title>
 
+  <script>
 
+    var _hmt = _hmt || [];
 
+    (function () {
 
+      var hm = document.createElement("script");
 
+      hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
 
+      var s = document.getElementsByTagName("script")[0];
 
+      s.parentNode.insertBefore(hm, s);
 
+    })();
 
+  </script>
 
+  <script src="../js/jquery.js"></script>
 
+  <script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>
 
+  <script src="../bootstrap/bootstrap.min.js"></script>
 
+  <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="../css/components.css">
 
+  <link rel="stylesheet" href="../css/colleges_detail.css">
 
+  <script src="../js/qrcode.min.js"></script>
 
+  <script src="../js/components.js"></script>
 
+  <script src="../js/colleges_detail.js"></script>
 
+</head>
 
+
 
+<body class="new3">
 
+  <!-- components 共用头部 -->
 
+  <div class="header">
 
+    <div class="container">
 
+      <div id="face" class="ha-item">
 
+        <div class="img pull-left">
 
+          <!-- 网站图标 -->
 
+          <a href="../index.html">
 
+            <img src="../imgs/app.png" alt=""></a>
 
+          <!-- <span>大联考</span> -->
 
+        </div>
 
+        <div data-app="download" class="app pull-right">
 
+          <a href="http://app.gaokaoapp.net" draggable="false">
 
+            <img src="../imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
 
+            <span>大联考App下载</span>
 
+          </a>
 
+          <div style="display: none;">
 
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div id="body" class="container">
 
+    <div class="row">
 
+      <div class="col">
 
+        <div class="body">
 
+          <!-- 学校 -->
 
+          <div class="school">
 
+            <img class="img-sl" data-original="../imgs/app_dowload.png" src="../imgs/app.png" alt="大联考">
 
+            <img class="img-bg" align="right" width="200" hspace="5" vspace="5" data-original="../imgs/app_dowload.png"
 
+              src="../imgs/app.png" alt="大联考">
 
+            <p class="p1">
 
+              郑州大学
 
+            </p>
 
+            <!-- 详细信息 -->
 
+            <div class="desc">
 
+              <div class="desc-item">
 
+                <div class="desc-cell">学校官网</div>
 
+                <div class="desc-cell">
 
+                  <a href="http://www.zzu.edu.cn">http://www.zzu.edu.cn</a>
 
+                </div>
 
+              </div>
 
+              <div class="desc-item">
 
+                <div class="desc-cell">咨询电话</div>
 
+                <div class="desc-cell">456456</div>
 
+              </div>
 
+              <div class="desc-item">
 
+                <div class="desc-cell">学校地址</div>
 
+                <div class="desc-cell">123456</div>
 
+              </div>
 
+              <div class="desc-item">
 
+                <div class="desc-cell">学校特色</div>
 
+                <div class="desc-cell">456456</div>
 
+              </div>
 
+              <div class="desc-item">
 
+                <div class="desc-cell">院校类型</div>
 
+                <div class="desc-cell">123456</div>
 
+              </div>
 
+              <div class="desc-item">
 
+                <div class="desc-cell">学历层次</div>
 
+                <div class="desc-cell">456456</div>
 
+              </div>
 
+            </div>
 
+            <p>郑州大学（Zhengzhou
 
+              University），简称“郑大”，位于郑州市，是教育部与河南省人民政府合建高校；是世界一流大学建设高校，国家“211工程”、“一省一校”重点建设高校，入选国家“2011计划”、“111计划”、国家建设高水平大学公派研究生项目、卓越工程师教育培养计划、卓越法律人才教育培养计划、卓越医生教育培养计划、国家大学生创新性实验计划、国家级大学生创新创业训练计划、国家级新工科研究与实践项目、全国首批高校国家知识产权信息服务中心
 
+              [1] 、全国首批深化创新创业教育改革示范高校 [2] ，为丝绸之路大学联盟、“一带一路“航天创新联盟 [3] 、南亚东南亚大学联盟、中俄医科高校联盟成员，是河南省重点支持建设的世界一流综合性研究型大学
 
+              [4] 。</p>
 
+            <p>原郑州大学创建于1956年，是新中国成立后国家创办的第一所综合性大学 [121]
 
+              ，原郑州师范学院于1961年并入，黄河大学于1991年并入；郑州大学医科教育源于1928年的国立第五中山大学，1952年河南医学院独立建院，1984年更名河南医科大学；郑州工业大学成立于1963年，原化工部直属重点院校。2000年7月，原郑州大学、郑州工业大学、河南医科大学合并组建为新郑州大学。
 
+            </p>
 
+            <p>截至2020年9月，学校四个校区占地5700余亩 [2]
 
+              ，设51个院系、117个本科专业；有28个博士后科研流动站，30个一级学科博士点、3个专业学位博士点，59个一级学科硕士点、32个专业学位硕士点；教职工5800余人；有全日制本科生5万余人，各类在校研究生2.2万余人，留学生2500余人
 
+              [2] 。</p>
 
+          </div>
 
+          <!-- 时间轴 -->
 
+          <div class="VivaTimeline">
 
+            <dl>
 
+              <dd class="pos-left clearfix">
 
+                <div class="circ"></div>
 
+                <div class="time">2010年3月6日</div>
 
+                <div class="events">
 
+                  <div class="events-header">Event Heading</div>
 
+                  <div class="events-body">
 
+                    <div class="row" style="display: block;">
 
+                      <div class="events-desc">
 
+                        Morbi at nisi vitae mauris pretium egestas. Morbi placerat risus ligula, nec placerat urna
 
+                        porta vel. Nullam sollicitudin orci quis odio eleifend, ut facilisis orci lobortis. Vivamus
 
+                        sed lobortis odio. Nam volutpat, leo a ullamcorper luctus, sapien libero auctor est, sed
 
+                        semper massa turpis sed quam. Mauris posuere, libero in ultricies dignissim, lacus purus
 
+                        egestas urna, nec semper lorem tellus non eros. Nam at bibendum libero. Curabitur a ante et
 
+                        orci cursus tincidunt. Vivamus dictum, libero et rhoncus congue, nulla erat mollis dui, vitae
 
+                        cursus dui justo quis velit. In a tellus arcu. Nam at lobortis nisl. Donec consequat placerat
 
+                        eros, quis elementum mauris sodales a. Maecenas id feugiat velit. Phasellus dictum eleifend
 
+                        varius. Cras nec orci turpis. Aenean ut turpis nibh.
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </dd>
 
+              <dd class="pos-right clearfix">
 
+                <div class="circ"></div>
 
+                <div class="time">2010年3月6日</div>
 
+                <div class="events">
 
+                  <div class="events-header">A 123</div>
 
+                  <div class="events-body">
 
+                    <div class="row" style="display: block;">
 
+                      <div class="events-desc">
 
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
 
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
 
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
 
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </dd>
 
+              <dd class="pos-left clearfix">
 
+                <div class="circ"></div>
 
+                <div class="time">2010年3月6日</div>
 
+                <div class="events">
 
+                  <div class="events-header">Event Heading</div>
 
+                  <div class="events-body">
 
+                    <div class="row" style="display: block;">
 
+                      <div class="events-desc">
 
+                        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut
 
+                        labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco
 
+                        laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in
 
+                        voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat
 
+                        non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
 
+                      </div>
 
+                    </div>
 
+                  </div>
 
+                </div>
 
+              </dd>
 
+            </dl>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!-- 以下通用html -->
 
+  <div class="footer">
 
+    <p>Copyright © 2021 <a href="http://app.gaokaoapp.net" target="_blank">大联考</a> All Rights Reserved. </p>
 
+    <p><a href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备15004940号</a></p>
 
+  </div>
 
+  <!-- 返回顶部 -->
 
+  <div id="top" class="noshow">
 
+    <i class="glyphicon glyphicon-chevron-up"></i>
 
+  </div>
 
+  <!-- 分享功能 -->
 
+  <div id="share">
 
+    <div>分享</div>
 
+    <ul>
 
+      <li>分享到</li>
 
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
 
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
 
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
 
+    </ul>
 
+  </div>
 
+  <!-- 下载app -->
 
+  <div id="download">
 
+    <div class="left">
 
+      <img src="../imgs/app2.png" alt="大联考">
 
+      <div class=" row1">大联考
 
+      </div>
 
+      <div class="row2">全国中学生都在用</div>
 
+    </div>
 
+    <div class="right"><button class="btn btn-info">下载</button></div>
 
+  </div>
 
+</body>
 
+
 
+</html>

+ 116 - 0
colleges/colleges_list.html
View File 

@@ -0,0 +1,116 @@
 
+<!DOCTYPE html>
 
+<html lang="en">
 
+
 
+<head>
 
+  <meta charset="UTF-8">
 
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
 
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+  <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
 
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
 
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
 
+  <title>高校</title>
 
+  <script>
 
+    var _hmt = _hmt || [];
 
+    (function () {
 
+      var hm = document.createElement("script");
 
+      hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
 
+      var s = document.getElementsByTagName("script")[0];
 
+      s.parentNode.insertBefore(hm, s);
 
+    })();
 
+  </script>
 
+  <script src="../js/jquery.js"></script>
 
+  <script type="text/javascript" src="../js/jquery.lazyload.min.js"></script>
 
+  <script src="../bootstrap/bootstrap.min.js"></script>
 
+  <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
 
+  <link rel="stylesheet" href="../css/components.css">
 
+  <link rel="stylesheet" href="../css/colleges_list.css">
 
+  <script src="../js/qrcode.min.js"></script>
 
+  <script src="../js/components.js"></script>
 
+  <script src="../js/colleges_list.js"></script>
 
+</head>
 
+
 
+<body class="new3">
 
+  <!-- components 共用头部 -->
 
+  <div class="header">
 
+    <div class="container">
 
+      <div id="face" class="ha-item">
 
+        <div class="img pull-left">
 
+          <!-- 网站图标 -->
 
+          <a href="../index.html">
 
+            <img src="../imgs/app.png" alt=""></a>
 
+          <!-- <span>大联考</span> -->
 
+        </div>
 
+        <div data-app="download" class="app pull-right">
 
+          <a href="http://app.gaokaoapp.net" draggable="false">
 
+            <img src="../imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
 
+            <span>大联考App下载</span>
 
+          </a>
 
+          <div style="display: none;">
 
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <div id="body" class="container">
 
+    <div class="row">
 
+      <div class="col">
 
+        <div class="body">
 
+          <!-- 简单搜索 -->
 
+          <div class="search">
 
+            <div class="input">
 
+              <input type="text">
 
+            </div>
 
+            <div class="button">查询</div>
 
+          </div>
 
+          <!-- 提示 -->
 
+          <div class="tips">(注：本名名单未包含港澳台地区高等学校)</div>
 
+          <!-- 分类 -->
 
+          <div class="types"></div>
 
+          <!-- 学校列表 -->
 
+          <div class="school_list">
 
+            <!-- 上拉提示 -->
 
+            <div class="my-loading">加载中......</div>
 
+          </div>
 
+        </div>
 
+      </div>
 
+    </div>
 
+  </div>
 
+  <!-- 以下通用html -->
 
+  <div class="footer">
 
+    <p>Copyright © 2021 <a href="http://app.gaokaoapp.net" target="_blank">大联考</a> All Rights Reserved. </p>
 
+    <p><a href="https://beian.miit.gov.cn/#/Integrated/index">豫ICP备15004940号</a></p>
 
+  </div>
 
+  <!-- 返回顶部 -->
 
+  <div id="top" class="noshow">
 
+    <i class="glyphicon glyphicon-chevron-up"></i>
 
+  </div>
 
+  <!-- 分享功能 -->
 
+  <div id="share">
 
+    <div>分享</div>
 
+    <ul>
 
+      <li>分享到</li>
 
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
 
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
 
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
 
+    </ul>
 
+  </div>
 
+  <!-- 下载app -->
 
+  <div id="download">
 
+    <div class="left">
 
+      <img src="../imgs/app2.png" alt="大联考">
 
+      <div class=" row1">大联考
 
+      </div>
 
+      <div class="row2">全国中学生都在用</div>
 
+    </div>
 
+    <div class="right"><button class="btn btn-info">下载</button></div>
 
+  </div>
 
+  <!-- 加载中 -->
 
+  <div id="loading">
 
+    <div>
 
+      <div>加载中...</div>
 
+    </div>
 
+  </div>
 
+</body>
 
+
 
+</html>

+ 246 - 0
css/colleges_detail.css
View File 

@@ -0,0 +1,246 @@
 
+.body {
 
+  margin-top: 90px;
 
+}
 
+@media screen and (max-width: 768px) {
 
+  .body .school .img-sl {
 
+    display: block !important;
 
+  }
 
+  .body .school .img-bg {
 
+    display: none !important;
 
+  }
 
+}
 
+.body .school .img-sl {
 
+  display: none;
 
+  margin: auto;
 
+}
 
+.body .school .desc {
 
+  margin-bottom: 10px;
 
+}
 
+.body .school .desc .desc-item {
 
+  border-bottom: 1px dashed #eee;
 
+  line-height: 30px;
 
+  display: flex;
 
+}
 
+.body .school .desc .desc-item > .desc-cell:first-child {
 
+  width: 80px;
 
+  font-weight: bold;
 
+}
 
+.body .school .desc .desc-item > .desc-cell:last-child {
 
+  color: #777;
 
+}
 
+.body .school p {
 
+  text-align: justify;
 
+  text-indent: 28px;
 
+}
 
+.body .school .p1 {
 
+  text-indent: 0px;
 
+  font-weight: 400;
 
+  font-size: 32px;
 
+}
 
+.VivaTimeline dl {
 
+  position: relative;
 
+  top: 0;
 
+  padding: 20px 0;
 
+  margin: 0;
 
+}
 
+.VivaTimeline dl:before {
 
+  position: absolute;
 
+  top: 0;
 
+  bottom: 0;
 
+  left: 50%;
 
+  z-index: 100;
 
+  width: 2px;
 
+  margin-left: -1px;
 
+  content: '';
 
+  background-color: #ccd1d9;
 
+}
 
+.VivaTimeline dl dt {
 
+  position: relative;
 
+  top: 30px;
 
+  z-index: 200;
 
+  width: 120px;
 
+  padding: 3px 5px;
 
+  margin: 0 auto 30px;
 
+  font-weight: 400;
 
+  color: #fff;
 
+  text-align: center;
 
+  background-color: #aab2bd;
 
+  border-radius: 4px;
 
+  -webkit-border-radius: 4px;
 
+  -moz-border-radius: 4px;
 
+}
 
+.VivaTimeline dl dd {
 
+  position: relative;
 
+  z-index: 200;
 
+}
 
+.VivaTimeline dl dd .circ {
 
+  position: absolute;
 
+  top: 40px;
 
+  left: 50%;
 
+  z-index: 200;
 
+  width: 22px;
 
+  height: 22px;
 
+  margin-left: -11px;
 
+  background-color: #4fc1e9;
 
+  border: 4px solid #f5f7fa;
 
+  border-radius: 50%;
 
+  -webkit-border-radius: 50%;
 
+  -moz-border-radius: 50%;
 
+}
 
+.VivaTimeline dl dd .time {
 
+  position: absolute;
 
+  top: 31px;
 
+  left: 50%;
 
+  display: inline-block;
 
+  width: 200px;
 
+  padding: 10px 20px;
 
+  color: #4fc1e9;
 
+}
 
+.VivaTimeline dl dd .events {
 
+  position: relative;
 
+  width: 47%;
 
+  padding: 10px 0 0;
 
+  margin-top: 31px;
 
+  background-color: #CCC;
 
+  border-radius: 4px;
 
+  -webkit-border-radius: 4px;
 
+  -moz-border-radius: 4px;
 
+}
 
+.VivaTimeline dl dd .events:before {
 
+  position: absolute;
 
+  top: 12px;
 
+  width: 0;
 
+  height: 0;
 
+  content: '';
 
+  border-style: solid;
 
+  border-width: 6px;
 
+}
 
+.VivaTimeline dl dd .events .events-object {
 
+  margin: 0 auto;
 
+}
 
+.VivaTimeline dl dd .events .events-header {
 
+  min-height: 30px;
 
+  line-height: 20px;
 
+  text-align: center;
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+  cursor: pointer;
 
+}
 
+.VivaTimeline dl dd .events .events-body {
 
+  overflow: hidden;
 
+  zoom: 1;
 
+  background-color: #EEE;
 
+  padding: 10px;
 
+}
 
+.VivaTimeline dl dd .events .events-body .row {
 
+  display: none;
 
+}
 
+.VivaTimeline dl dd .events .events-body .events-desc {
 
+  text-indent: 2em;
 
+  padding: 0 15px;
 
+}
 
+.VivaTimeline dl dd .events .events-footer {
 
+  text-align: center;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol {
 
+  list-style: none;
 
+  margin: 0 auto;
 
+  padding: 0;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol li {
 
+  background: #32b487;
 
+  border-radius: 5px;
 
+  margin: 10px;
 
+  display: inline-block;
 
+  width: 10px;
 
+  height: 10px;
 
+  cursor: pointer;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol .active {
 
+  transform: scale(2);
 
+}
 
+.VivaTimeline dl dd.pos-right .time {
 
+  margin-left: -200px;
 
+  text-align: right;
 
+}
 
+.VivaTimeline dl dd.pos-right .events {
 
+  float: right;
 
+}
 
+.VivaTimeline dl dd.pos-right .events:before {
 
+  left: -12px;
 
+  border-color: transparent #CCC transparent transparent;
 
+}
 
+.VivaTimeline dl dd.pos-left .time {
 
+  margin-left: 0;
 
+  text-align: left;
 
+}
 
+.VivaTimeline dl dd.pos-left .events {
 
+  float: left;
 
+}
 
+.VivaTimeline dl dd.pos-left .events:before {
 
+  right: -12px;
 
+  border-color: transparent transparent transparent #CCC;
 
+}
 
+.VivaTimeline .carousel-indicators {
 
+  bottom: 0;
 
+}
 
+@media screen and (max-width: 767px) {
 
+  .VivaTimeline dl:before {
 
+    left: 90px;
 
+  }
 
+  .VivaTimeline dl dt {
 
+    margin: 0 30px 30px;
 
+  }
 
+  .VivaTimeline dl dd .circ {
 
+    left: 90px;
 
+  }
 
+  .VivaTimeline dl dd .time {
 
+    left: 0px;
 
+    top: 5px;
 
+    width: 90px;
 
+  }
 
+  .VivaTimeline dl dd.pos-left .time {
 
+    padding: 10px 0;
 
+    margin-left: 0;
 
+    text-align: left;
 
+  }
 
+  .VivaTimeline dl dd.pos-left .events {
 
+    float: right;
 
+    width: 73%;
 
+    margin-right: 4%;
 
+  }
 
+  .VivaTimeline dl dd.pos-left .events:before {
 
+    left: -12px;
 
+    border-color: transparent #CCC transparent transparent;
 
+  }
 
+  .VivaTimeline dl dd.pos-right .time {
 
+    padding: 10px 0;
 
+    margin-left: 0;
 
+    text-align: left;
 
+  }
 
+  .VivaTimeline dl dd.pos-right .events {
 
+    float: right;
 
+    width: 73%;
 
+    margin-right: 4%;
 
+  }
 
+  /*
 
+  .VivaTimeline dl dd .events .events-body {
 
+      display: none;
 
+  }
 
+  .VivaTimeline dl dd .events .events-footer {
 
+      display: none;
 
+  }
 
+  */
 
+}
 
+@media screen and (max-width: 500px) {
 
+  .VivaTimeline dl dd.pos-left .events {
 
+    float: right;
 
+    width: 63%;
 
+    margin-right: 4%;
 
+  }
 
+  .VivaTimeline dl dd.pos-right .events {
 
+    float: right;
 
+    width: 63%;
 
+    margin-right: 4%;
 
+  }
 
+}

+ 264 - 0
css/colleges_detail.less
View File 

@@ -0,0 +1,264 @@
 
+.body{
 
+  margin-top: 90px;
 
+  @media screen and (max-width:768px) {
 
+    .school{
 
+      .img-sl{display:block !important;}
 
+      .img-bg{display: none !important;}
 
+    }
 
+  }
 
+  .school{
 
+    .img-sl{display: none;margin: auto;}
 
+    .desc{
 
+      margin-bottom: 10px;
 
+      .desc-item{
 
+        border-bottom: 1px dashed #eee;
 
+        line-height: 30px;
 
+        display: flex;
 
+        >.desc-cell:first-child{
 
+          width: 80px;
 
+          font-weight: bold;
 
+        }
 
+        >.desc-cell:last-child{
 
+          color: #777;
 
+        }
 
+      }
 
+    }
 
+   p{
 
+     text-align: justify;
 
+     text-indent: 28px;
 
+   }
 
+  .p1{
 
+    text-indent: 0px;
 
+    font-weight: 400;
 
+    font-size: 32px;
 
+  }
 
+  }
 
+}
 
+.VivaTimeline dl {
 
+  position: relative;
 
+  top: 0;
 
+  padding: 20px 0;
 
+  margin: 0
 
+}
 
+
 
+.VivaTimeline dl:before {
 
+  position: absolute;
 
+  top: 0;
 
+  bottom: 0;
 
+  left: 50%;
 
+  z-index: 100;
 
+  width: 2px;
 
+  margin-left: -1px;
 
+  content: '';
 
+  background-color: #ccd1d9
 
+}
 
+
 
+.VivaTimeline dl dt {
 
+  position: relative;
 
+  top: 30px;
 
+  z-index: 200;
 
+  width: 120px;
 
+  padding: 3px 5px;
 
+  margin: 0 auto 30px;
 
+  font-weight: 400;
 
+  color: #fff;
 
+  text-align: center;
 
+  background-color: #aab2bd;
 
+  border-radius: 4px;
 
+  -webkit-border-radius: 4px;
 
+  -moz-border-radius: 4px
 
+}
 
+
 
+.VivaTimeline dl dd {
 
+  position: relative;
 
+  z-index: 200
 
+}
 
+
 
+.VivaTimeline dl dd .circ {
 
+  position: absolute;
 
+  top: 40px;
 
+  left: 50%;
 
+  z-index: 200;
 
+  width: 22px;
 
+  height: 22px;
 
+  margin-left: -11px;
 
+  background-color: #4fc1e9;
 
+  border: 4px solid #f5f7fa;
 
+  border-radius: 50%;
 
+  -webkit-border-radius: 50%;
 
+  -moz-border-radius: 50%
 
+}
 
+
 
+.VivaTimeline dl dd .time {
 
+  position: absolute;
 
+  top: 31px;
 
+  left: 50%;
 
+  display: inline-block;
 
+  width: 200px;
 
+  padding: 10px 20px;
 
+  color: #4fc1e9
 
+}
 
+
 
+.VivaTimeline dl dd .events {
 
+  position: relative;
 
+  width: 47%;
 
+  padding: 10px 0 0;
 
+  margin-top: 31px;
 
+  background-color: #CCC;
 
+  border-radius: 4px;
 
+  -webkit-border-radius: 4px;
 
+  -moz-border-radius: 4px
 
+}
 
+
 
+.VivaTimeline dl dd .events:before {
 
+  position: absolute;
 
+  top: 12px;
 
+  width: 0;
 
+  height: 0;
 
+  content: '';
 
+  border-style: solid;
 
+  border-width: 6px
 
+}
 
+
 
+.VivaTimeline dl dd .events .events-object {
 
+  margin: 0 auto;
 
+}
 
+
 
+.VivaTimeline dl dd .events .events-header {
 
+  min-height: 30px;
 
+  line-height: 20px;
 
+  text-align: center;
 
+  font-size: 16px;
 
+  font-weight: bold;
 
+  cursor: pointer;
 
+}
 
+
 
+.VivaTimeline dl dd .events .events-body {
 
+  overflow: hidden;
 
+  zoom: 1;
 
+  background-color: #EEE;
 
+  padding: 10px;    
+}
 
+.VivaTimeline dl dd .events .events-body .row{
 
+  display:none;  
+}
 
+
 
+.VivaTimeline dl dd .events .events-body .events-desc {
 
+  text-indent: 2em;
 
+  padding: 0 15px;
 
+}
 
+
 
+.VivaTimeline dl dd .events .events-footer {
 
+  text-align:center;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol {
 
+  list-style: none; 
+  margin: 0 auto; 
+  padding: 0;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol li {
 
+  background: #32b487; 
+  border-radius: 5px; 
+  margin: 10px; 
+  display: inline-block; 
+  width: 10px; 
+  height: 10px;
 
+  cursor: pointer;
 
+}
 
+.VivaTimeline dl dd .events .events-footer ol .active{
 
+  transform: scale(2);
 
+}
 
+
 
+.VivaTimeline dl dd.pos-right .time {
 
+  margin-left: -200px;
 
+  text-align: right
 
+}
 
+
 
+.VivaTimeline dl dd.pos-right .events {
 
+  float: right
 
+}
 
+
 
+.VivaTimeline dl dd.pos-right .events:before {
 
+  left: -12px;
 
+  border-color: transparent #CCC transparent transparent
 
+}
 
+
 
+.VivaTimeline dl dd.pos-left .time {
 
+  margin-left: 0;
 
+  text-align: left
 
+}
 
+
 
+.VivaTimeline dl dd.pos-left .events {
 
+  float: left
 
+}
 
+
 
+.VivaTimeline dl dd.pos-left .events:before {
 
+  right: -12px;
 
+  border-color: transparent transparent transparent #CCC
 
+}
 
+
 
+.VivaTimeline .carousel-indicators{
 
+  bottom: 0;
 
+}
 
+
 
+@media screen and (max-width: 767px) {
 
+  .VivaTimeline dl:before {
 
+      left: 90px
 
+  }
 
+  .VivaTimeline dl dt {
 
+      margin: 0 30px 30px
 
+  }
 
+  .VivaTimeline dl dd .circ {
 
+      left: 90px
 
+  }
 
+  .VivaTimeline dl dd .time {
 
+      left: 0px;
 
+      top:5px;
 
+      width: 90px;
 
+  }
 
+  .VivaTimeline dl dd.pos-left .time {
 
+      padding: 10px 0;
 
+      margin-left: 0;
 
+      text-align: left
 
+  }
 
+  .VivaTimeline dl dd.pos-left .events {
 
+      float: right;
 
+      width: 73%;
 
+      margin-right: 4%;
 
+  }
 
+  .VivaTimeline dl dd.pos-left .events:before {
 
+      left: -12px;
 
+      border-color: transparent #CCC transparent transparent
 
+  }
 
+  .VivaTimeline dl dd.pos-right .time {
 
+      padding: 10px 0;
 
+      margin-left: 0;
 
+      text-align: left
 
+  }
 
+  .VivaTimeline dl dd.pos-right .events {
 
+      float: right;
 
+      width: 73%;
 
+      margin-right: 4%;
 
+  }
 
+  /*
 
+  .VivaTimeline dl dd .events .events-body {
 
+      display: none;
 
+  }
 
+  .VivaTimeline dl dd .events .events-footer {
 
+      display: none;
 
+  }
 
+  */
 
+}
 
+
 
+@media screen and (max-width: 500px) {
 
+  .VivaTimeline dl dd.pos-left .events {
 
+      float: right;
 
+      width: 63%;
 
+      margin-right: 4%;
 
+  }
 
+  .VivaTimeline dl dd.pos-right .events {
 
+      float: right;
 
+      width: 63%;
 
+      margin-right: 4%;
 
+  }
 
+}

+ 199 - 0
css/colleges_list.css
View File 

@@ -0,0 +1,199 @@
 
+@font-face {
 
+  font-family: "iconfont";
 
+  /* Project id 2804499 */
 
+  src: url('//at.alicdn.com/t/font_2804499_pugszqiin7g.woff2?t=1635820816816') format('woff2'), url('//at.alicdn.com/t/font_2804499_pugszqiin7g.woff?t=1635820816816') format('woff'), url('//at.alicdn.com/t/font_2804499_pugszqiin7g.ttf?t=1635820816816') format('truetype');
 
+}
 
+.iconfont {
 
+  font-family: "iconfont" !important;
 
+  font-size: 16px;
 
+  font-style: normal;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+}
 
+.icon-shangxiazhankai:before {
 
+  content: "\eb13";
 
+}
 
+#loading {
 
+  display: none;
 
+}
 
+#loading > div {
 
+  position: fixed;
 
+  left: 0;
 
+  top: 0;
 
+  width: 100vw;
 
+  height: 100vh;
 
+  background-color: rgba(0, 0, 0, 0.2);
 
+  display: flex;
 
+  align-items: center;
 
+  justify-content: center;
 
+  z-index: 999;
 
+}
 
+#loading > div > div {
 
+  color: #fff;
 
+  background-color: rgba(0, 0, 0, 0.8);
 
+  padding: 10px;
 
+  border-radius: 5px;
 
+}
 
+.body {
 
+  margin-top: 95px;
 
+  border-radius: 0;
 
+}
 
+.body .search {
 
+  display: flex;
 
+}
 
+.body .search .input {
 
+  width: 400px;
 
+  border-radius: 5px;
 
+  border: 1px solid #aaa;
 
+  box-sizing: border-box;
 
+  padding: 5px;
 
+}
 
+.body .search .input input {
 
+  width: 100%;
 
+  height: 100%;
 
+  outline: none;
 
+  padding: 0 5px;
 
+  border: 0;
 
+}
 
+.body .search .button {
 
+  display: inline-block;
 
+  margin-left: 5px;
 
+  width: 60px;
 
+  background-color: #03c762;
 
+  text-align: center;
 
+  letter-spacing: 5px;
 
+  line-height: 34px;
 
+  color: #fff;
 
+  border-radius: 5px;
 
+}
 
+.body .tips {
 
+  color: #777;
 
+  font-size: 14px;
 
+  line-height: 30px;
 
+}
 
+.body .types {
 
+  display: table;
 
+}
 
+.body .types .types-row {
 
+  display: table-row;
 
+}
 
+.body .types .types-row .types-cell {
 
+  display: table-cell;
 
+  padding-bottom: 5px;
 
+}
 
+.body .types .types-row > .types-cell:first-child {
 
+  width: 100px;
 
+  font-weight: 600;
 
+}
 
+.body .types .types-row .types-item {
 
+  margin: 0 5px;
 
+  display: inline-block;
 
+}
 
+.body .types .types-row .checked {
 
+  color: #03c762;
 
+  font-weight: 600;
 
+}
 
+.body .school_list {
 
+  margin-top: 20px;
 
+}
 
+.body .school_list .item {
 
+  border-top: 1px solid #eaeaea;
 
+  padding: 10px 0;
 
+  display: flex;
 
+}
 
+.body .school_list .item .item-img {
 
+  flex: 1;
 
+}
 
+.body .school_list .item .item-img img {
 
+  width: 100%;
 
+}
 
+.body .school_list .item .item-desc {
 
+  margin-left: 10px;
 
+  flex: 4;
 
+}
 
+.body .school_list .item .item-desc p {
 
+  margin-bottom: 5px;
 
+}
 
+.body .school_list .item .item-desc .item-desc-name {
 
+  color: #333;
 
+  font-size: 16px;
 
+}
 
+.body .school_list .item .item-desc .item-desc-z {
 
+  color: #777;
 
+}
 
+.body .school_list .item .item-desc .item-desc-z span {
 
+  display: inline-block;
 
+  margin-right: 5px;
 
+}
 
+.body .school_list .item .item-desc .item-desc-desc {
 
+  color: #777;
 
+  overflow: hidden;
 
+  text-overflow: ellipsis;
 
+  text-align: justify;
 
+  display: -webkit-box;
 
+  -webkit-box-orient: vertical;
 
+  -webkit-line-clamp: 2;
 
+}
 
+@media screen and (max-width: 768px) {
 
+  .body > .search > .input {
 
+    width: calc(100vw - 106px) !important;
 
+  }
 
+  .types {
 
+    position: relative;
 
+    display: flex !important;
 
+    background-color: #000;
 
+  }
 
+  .types .types-row {
 
+    flex: 1;
 
+    position: relative;
 
+    display: inline-block !important;
 
+    vertical-align: middle;
 
+  }
 
+  .types .types-row .types-cell {
 
+    display: block !important;
 
+  }
 
+  .types .types-row .types-cell:first-child {
 
+    width: 100% !important;
 
+    color: #fff;
 
+    line-height: 30px;
 
+    text-align: center;
 
+    box-sizing: border-box;
 
+    padding-bottom: 0px !important;
 
+  }
 
+  .types .types-row .types-cell:first-child::after {
 
+    content: '\eb13';
 
+    display: inline-block;
 
+    font-family: "iconfont" !important;
 
+    font-size: 14px;
 
+    font-style: normal;
 
+    -webkit-font-smoothing: antialiased;
 
+    -moz-osx-font-smoothing: grayscale;
 
+  }
 
+  .types .types-row .types-cell:last-child {
 
+    position: absolute;
 
+    height: 0;
 
+    box-sizing: border-box;
 
+    overflow: hidden;
 
+    width: calc(100vw - 40px);
 
+    background-color: #fff;
 
+    padding-bottom: 0px !important;
 
+    transition: height 2s;
 
+  }
 
+  .types .types-row .active {
 
+    height: auto !important;
 
+    padding: 10px !important;
 
+  }
 
+  .types .types-row .active::after {
 
+    content: '';
 
+    display: table;
 
+    height: 10px;
 
+    width: 100%;
 
+    background-color: #fff;
 
+  }
 
+  .types .types-row:nth-child(2) .types-cell:last-child {
 
+    left: calc(-100vw / 3 + 40px / 3);
 
+  }
 
+  .types .types-row:nth-child(3) .types-cell:last-child {
 
+    left: calc(-100vw / 3 * 2 + 40px / 3 * 2);
 
+  }
 
+}

+ 244 - 0
css/colleges_list.less
View File 

@@ -0,0 +1,244 @@
 
+@font-face {
 
+  font-family: "iconfont";
 
+  /* Project id 2804499 */
 
+  src: url('//at.alicdn.com/t/font_2804499_pugszqiin7g.woff2?t=1635820816816') format('woff2'),
 
+    url('//at.alicdn.com/t/font_2804499_pugszqiin7g.woff?t=1635820816816') format('woff'),
 
+    url('//at.alicdn.com/t/font_2804499_pugszqiin7g.ttf?t=1635820816816') format('truetype');
 
+}
 
+
 
+.iconfont {
 
+  font-family: "iconfont" !important;
 
+  font-size: 16px;
 
+  font-style: normal;
 
+  -webkit-font-smoothing: antialiased;
 
+  -moz-osx-font-smoothing: grayscale;
 
+}
 
+
 
+.icon-shangxiazhankai:before {
 
+  content: "\eb13";
 
+}
 
+
 
+#loading {
 
+  display: none;
 
+
 
+  >div {
 
+    position: fixed;
 
+    left: 0;
 
+    top: 0;
 
+    width: 100vw;
 
+    height: 100vh;
 
+    background-color: rgba(0, 0, 0, 0.2);
 
+    display: flex;
 
+    align-items: center;
 
+    justify-content: center;
 
+    z-index: 999;
 
+
 
+
 
+    >div {
 
+      color: #fff;
 
+      background-color: rgba(0, 0, 0, 0.8);
 
+      padding: 10px;
 
+      border-radius: 5px;
 
+    }
 
+  }
 
+}
 
+
 
+.body {
 
+  margin-top: 95px;
 
+  border-radius: 0;
 
+
 
+  .search {
 
+    display: flex;
 
+
 
+    .input {
 
+      width: 400px;
 
+      border-radius: 5px;
 
+      border: 1px solid #aaa;
 
+      box-sizing: border-box;
 
+      padding: 5px;
 
+
 
+      input {
 
+        width: 100%;
 
+        height: 100%;
 
+        outline: none;
 
+        padding: 0 5px;
 
+        border: 0;
 
+      }
 
+    }
 
+
 
+    .button {
 
+      display: inline-block;
 
+      margin-left: 5px;
 
+      width: 60px;
 
+      background-color: #03c762;
 
+      text-align: center;
 
+      letter-spacing: 5px;
 
+      line-height: 34px;
 
+      color: #fff;
 
+      border-radius: 5px;
 
+    }
 
+  }
 
+
 
+  .tips {
 
+    color: #777;
 
+    font-size: 14px;
 
+    line-height: 30px;
 
+  }
 
+
 
+  .types {
 
+    display: table;
 
+
 
+    .types-row {
 
+      display: table-row;
 
+
 
+      .types-cell {
 
+        display: table-cell;
 
+        padding-bottom: 5px;
 
+      }
 
+
 
+      &>.types-cell:first-child {
 
+        width: 100px;
 
+        font-weight: 600;
 
+      }
 
+
 
+      .types-item {
 
+        margin: 0 5px;
 
+        display: inline-block;
 
+      }
 
+
 
+      .checked {
 
+        color: #03c762;
 
+        font-weight: 600;
 
+      }
 
+    }
 
+  }
 
+
 
+  .school_list {
 
+    margin-top: 20px;
 
+
 
+    .item {
 
+      border-top: 1px solid #eaeaea;
 
+      padding: 10px 0;
 
+      display: flex;
 
+
 
+      .item-img {
 
+        flex: 1;
 
+
 
+        img {
 
+          width: 100%;
 
+        }
 
+      }
 
+
 
+      .item-desc {
 
+        margin-left: 10px;
 
+        flex: 4;
 
+
 
+        p {
 
+          margin-bottom: 5px;
 
+        }
 
+
 
+        .item-desc-name {
 
+          color: #333;
 
+          font-size: 16px;
 
+        }
 
+
 
+        .item-desc-z {
 
+          color: #777;
 
+
 
+          span {
 
+            display: inline-block;
 
+            margin-right: 5px;
 
+          }
 
+        }
 
+
 
+        .item-desc-desc {
 
+          color: #777;
 
+          overflow: hidden;
 
+          text-overflow: ellipsis;
 
+          text-align: justify;
 
+          display: -webkit-box;
 
+          -webkit-box-orient: vertical;
 
+          -webkit-line-clamp: 2;
 
+        }
 
+      }
 
+    }
 
+  }
 
+}
 
+
 
+@media screen and (max-width:768px) {
 
+  .body>.search>.input {
 
+    width: calc(~"100vw - 106px") !important
 
+  }
 
+
 
+  .types {
 
+    position: relative;
 
+    display: flex !important;
 
+    background-color: #000;
 
+
 
+    .types-row {
 
+      flex: 1;
 
+      position: relative;
 
+      display: inline-block !important;
 
+      vertical-align: middle;
 
+
 
+      .types-cell {
 
+        display: block !important;
 
+      }
 
+
 
+      .types-cell:first-child {
 
+        width: 100% !important;
 
+        color: #fff;
 
+        line-height: 30px;
 
+        text-align: center;
 
+        box-sizing: border-box;
 
+        padding-bottom: 0px !important;
 
+
 
+        &::after {
 
+          content: '\eb13';
 
+          display: inline-block;
 
+          font-family: "iconfont" !important;
 
+          font-size: 14px;
 
+          font-style: normal;
 
+          -webkit-font-smoothing: antialiased;
 
+          -moz-osx-font-smoothing: grayscale;
 
+        }
 
+      }
 
+
 
+      .types-cell:last-child {
 
+        position: absolute;
 
+        height: 0;
 
+        box-sizing: border-box;
 
+        overflow: hidden;
 
+        width: calc(~"100vw - 40px");
 
+        background-color: #fff;
 
+        padding-bottom: 0px !important;
 
+        transition: height 2s;
 
+      }
 
+
 
+      .active {
 
+        height: auto !important;
 
+        padding: 10px !important;
 
+
 
+        &::after {
 
+          content: '';
 
+          display: table;
 
+          height: 10px;
 
+          width: 100%;
 
+          background-color: #fff;
 
+        }
 
+      }
 
+    }
 
+
 
+    .types-row:nth-child(2) {
 
+      .types-cell:last-child {
 
+        left: calc(~"-100vw / 3 + 40px / 3");
 
+      }
 
+    }
 
+
 
+    .types-row:nth-child(3) {
 
+      .types-cell:last-child {
 
+        left: calc(~"-100vw / 3 * 2 + 40px / 3 * 2");
 
+      }
 
+    }
 
+  }
 
+}

+ 5 - 1
css/components.css
View File 

@@ -161,6 +161,7 @@ body a {
 
 body a:hover {
 
 body a:hover {
 
   color: #03C762;
 
   color: #03C762;
 
   text-decoration: none;
 
   text-decoration: none;
 
+  cursor: pointer;
 
 }
 
 }
 
 body::-webkit-scrollbar {
 
 body::-webkit-scrollbar {
 
   /*滚动条整体样式*/
 
   /*滚动条整体样式*/
 
@@ -188,7 +189,7 @@ body::-webkit-scrollbar-track {
 
   border-bottom: 1px solid #f1f1f1;
 
   border-bottom: 1px solid #f1f1f1;
 
   background-color: #fff;
 
   background-color: #fff;
 
   position: fixed;
 
   position: fixed;
 
-  z-index: 1;
 
+  z-index: 1000;
 
 }
 
 }
 
 .header .my-province {
 
 .header .my-province {
 
   margin-left: 5px;
 
   margin-left: 5px;
 
@@ -623,6 +624,7 @@ body::-webkit-scrollbar-track {
 
   bottom: 80px;
 
   bottom: 80px;
 
   right: 20px;
 
   right: 20px;
 
   padding: 20px;
 
   padding: 20px;
 
+  z-index: 1000;
 
   color: #fff;
 
   color: #fff;
 
   background-color: rgba(98, 96, 96, 0.3);
 
   background-color: rgba(98, 96, 96, 0.3);
 
   border-radius: 10px;
 
   border-radius: 10px;
 
@@ -663,6 +665,7 @@ body::-webkit-scrollbar-track {
 
   list-style: none;
 
   list-style: none;
 
   padding: 0;
 
   padding: 0;
 
   box-sizing: border-box;
 
   box-sizing: border-box;
 
+  background-color: #fff;
 
 }
 
 }
 
 #share ul > li:first-child {
 
 #share ul > li:first-child {
 
   background-color: #c6c6c6;
 
   background-color: #c6c6c6;
 
@@ -738,6 +741,7 @@ body::-webkit-scrollbar-track {
 
   background-color: rgba(1, 1, 1, 0.5);
 
   background-color: rgba(1, 1, 1, 0.5);
 
   padding: 5px 10px;
 
   padding: 5px 10px;
 
   color: #fff;
 
   color: #fff;
 
+  z-index: 1000;
 
 }
 
 }
 
 #download .left {
 
 #download .left {
 
   width: 200px;
 
   width: 200px;

+ 6 - 3
css/components.less
View File 

@@ -205,6 +205,7 @@ body {
 
     &:hover {
 
     &:hover {
 
       color: @body-bg;
 
       color: @body-bg;
 
       text-decoration: none;
 
       text-decoration: none;
 
+      cursor: pointer;
 
     }
 
     }
 
   }
 
   }
 
 
 
@@ -256,7 +257,7 @@ body {
 
   border-bottom: 1px solid #f1f1f1;
 
   border-bottom: 1px solid #f1f1f1;
 
   background-color: #fff;
 
   background-color: #fff;
 
   position: fixed;
 
   position: fixed;
 
-  z-index: 1;
 
+  z-index: 1000;
 
 
 
   .ha-item {
 
   .ha-item {
 
     margin-top: 10px;
 
     margin-top: 10px;
 
@@ -784,6 +785,7 @@ body {
 
   bottom: 80px;
 
   bottom: 80px;
 
   right: 20px;
 
   right: 20px;
 
   padding: 20px;
 
   padding: 20px;
 
+  z-index: 1000;
 
   color: #fff;
 
   color: #fff;
 
   background-color: rgba(98, 96, 96, 0.3);
 
   background-color: rgba(98, 96, 96, 0.3);
 
   border-radius: 10px;
 
   border-radius: 10px;
 
@@ -829,6 +831,7 @@ body {
 
     list-style: none;
 
     list-style: none;
 
     padding: 0;
 
     padding: 0;
 
     box-sizing: border-box;
 
     box-sizing: border-box;
 
+    background-color: #fff;
 
 
 
     &>li:first-child {
 
     &>li:first-child {
 
       background-color: #c6c6c6;
 
       background-color: #c6c6c6;
 
@@ -840,7 +843,7 @@ body {
 
       padding: 5px 10px;
 
       padding: 5px 10px;
 
       width: 100px;
 
       width: 100px;
 
       vertical-align: middle;
 
       vertical-align: middle;
 
-
 
+      
       img {
 
       img {
 
         width: 20px;
 
         width: 20px;
 
         vertical-align: middle;
 
         vertical-align: middle;
 
@@ -919,7 +922,7 @@ body {
 
   background-color: rgba(1, 1, 1, 0.5);
 
   background-color: rgba(1, 1, 1, 0.5);
 
   padding: 5px 10px;
 
   padding: 5px 10px;
 
   color: #fff;
 
   color: #fff;
 
-
 
+  z-index: 1000;
 
   .left {
 
   .left {
 
     width: 200px;
 
     width: 200px;

+ 13 - 0
index.html
View File 

@@ -72,6 +72,12 @@
 
               <li class="nav-li monikaoshi"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
 
               <li class="nav-li monikaoshi"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
 
             </ul>
 
             </ul>
 
           </div>
 
           </div>
 
+          <div class="nav-item">
 
+            <a href="javascript:;" draggable="false">高校历程<i class="glyphicon glyphicon-chevron-down"></i></a>
 
+            <ul class="nav-ul monikaoshi">
 
+              <li class="nav-li monikaoshi"><a href="#" target="_blank" draggable="false">高校历程</a></li>
 
+            </ul>
 
+          </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
@@ -99,6 +105,13 @@
 
           <li class="nav-sm-li monikaoshi"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
 
           <li class="nav-sm-li monikaoshi"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
 
         </ul>
 
         </ul>
 
       </li>
 
       </li>
 
+      <li>
 
+        <a class="nav-sm-title" href="javascript:;" draggable="false">高校历程</a>
 
+        <ul class="nav-sm-ul monikaoshi">
 
+          <li class="nav-sm-li monikaoshi"><a href="/" target="_blank" draggable="false">高校历程</a></li>
 
+        </ul>
 
+      </li>
 
+
 
     </ul>
 
     </ul>
 
   </div>
 
   </div>
 
   <!-- components 共用主体内容外壳 -->
 
   <!-- components 共用主体内容外壳 -->

+ 0 - 0
js/colleges_detail.js
View File


+ 185 - 0
js/colleges_list.js
View File 

@@ -0,0 +1,185 @@
 
+$(function () {
 
+  var currentPage = 1, totalPage = 1, _data = { currentPage }, lock = true;
 
+  const globalData = {
 
+    types: [
 
+      {
 
+        name: '院校所在地', key: "location", value: [{ "key": 1, "name": "全部" }, { "key": 2, "name": "北京" }, { "key": 22, "name": "天津" }, { "key": 43, "name": "上海" }, { "key": 64, "name": "重庆" }, { "key": 106, "name": "河北" }, { "key": 291, "name": "山西" }, { "key": 425, "name": "台湾" }, { "key": 433, "name": "辽宁" }, { "key": 550, "name": "吉林" }, { "key": 620, "name": "黑龙江" }, { "key": 766, "name": "江苏" }, { "key": 886, "name": "浙江" }, { "key": 989, "name": "安徽" }, { "key": 1111, "name": "福建" }, { "key": 1206, "name": "江西" }, { "key": 1318, "name": "山东" }, { "key": 1476, "name": "河南" }, { "key": 1655, "name": "湖北" }, { "key": 1776, "name": "湖南" }, { "key": 1914, "name": "广东" }, { "key": 2064, "name": "甘肃" }, { "key": 2167, "name": "四川" }, { "key": 2371, "name": "贵州" }, { "key": 2470, "name": "海南" }, { "key": 2509, "name": "云南" }, { "key": 2657, "name": "青海" }, { "key": 2709, "name": "陕西" }, { "key": 2828, "name": "广西" }, { "key": 2954, "name": "西藏" }, { "key": 3035, "name": "宁夏" }, { "key": 3062, "name": "新疆" }, { "key": 3182, "name": "内蒙古" }, { "key": 3297, "name": "澳门" }, { "key": 3299, "name": "香港" }
 
+        ]
 
+      },
 
+      {
 
+        name: "院校类型",
 
+        key: "category",
 
+        value: [
 
+          { name: "全部", key: 1 },
 
+          { name: "综合", key: 2 },
 
+          { name: "工科", key: 3 },
 
+          { name: "农业", key: 4 },
 
+          { name: "林业", key: 5 },
 
+          { name: "医药", key: 6 },
 
+          { name: "师范", key: 7 },
 
+          { name: "语言", key: 8 },
 
+          { name: "财经", key: 9 },
 
+          { name: "政法", key: 10 },
 
+          { name: "体育", key: 11 },
 
+          { name: "艺术", key: 12 },
 
+          { name: "民族", key: 13 },
 
+        ]
 
+      },
 
+      {
 
+        name: "学历层次", key: "level", value: [
 
+          { name: "全部", key: 1 },
 
+          { name: "本科", key: 2 },
 
+          { name: "高职(专科)", key: 3 }
 
+        ]
 
+      }
 
+    ],
 
+    typeChoose: {
 
+      location: 1,
 
+      category: 1,
 
+      level: 1
 
+    },
 
+    _typeChoose: {}
 
+  }
 
+  var typesDom = globalData.types.map(item => `
 
+  <div class="types-row">
 
+  <div class="types-cell">${item.name}</div>
 
+  <div  data-key=${item.key} class="types-cell">
 
+  ${item.value.map(it => `<a data-key=${it.key}  data-name=${it.name} class="types-item ${globalData["typeChoose"][item.key] == it.key ? "checked" : ''}">${it.name}</a>`).join("")
 
+    }
 
+  </div>
 
+</div>
 
+  `)
 
+  // 请求 
+  function init (data) {
 
+    currentPage = 1, totalPage = 1;
 
+    _data = { ...data, currentPage };
 
+    $(".my-loading").html("加载中......");
 
+    requestFunc(_data).then(res => {
 
+      lock = true; $("#loading").hide(); totalPage = res; currentPage++; $(".my-loading").hide();
 
+    });
 
+  }
 
+  // 查询 
+  $(".search>.button").click(function () {
 
+    var value = $(this).prev().children("input").val().trim();
 
+    init({ name: value })
 
+  })
 
+  // types 选中
 
+  function checkedFunc (fatherElem, childElem) {
 
+    fatherElem.children().removeClass("checked");
 
+    childElem.addClass('checked');
 
+    init(globalData["_typeChoose"])
 
+  }
 
+  // types 选择
 
+  function typesFunc () {
 
+    var clickDoms = $(".types>.types-row>.types-cell:last-child");
 
+    clickDoms.click(function (e) {
 
+      let that = this, child = e.target;
 
+      function init () {
 
+        let key = $(that).data('key');
 
+        let childKey = $(child).data('key');
 
+        globalData['typeChoose'][key] = childKey;
 
+        globalData['_typeChoose'][key] = $(child).data('name') == "全部" ? '' : $(child).data('name');
 
+        checkedFunc($(that), $(child));
 
+      }
 
+      if (child.className.trim() == "types-item") init();
 
+    })
 
+  }
 
+  // types 下拉
 
+  function slFunc () {
 
+    var clickDoms = $(".types>.types-row>.types-cell:first-child");
 
+    clickDoms.click(function () {
 
+      if ($(window).width() >= 768) return false;
 
+      if ($(this).next()[0].className == "types-cell active") {
 
+        $(this).next().removeClass("active");
 
+        return false;
 
+      }
 
+      $(this).parent().siblings().children(".types-cell:last-child").removeClass("active")
 
+      $(this).next().addClass("active");
 
+      let that = this;
 
+      $(this).parent().mouseleave(function () {
 
+        $(that).next().removeClass("active");
 
+      })
 
+    })
 
+  }
 
+  // 最后执行
 
+  $(document).ready(function () {
 
+    $(".types").append(typesDom.join(""));
 
+    typesFunc();
 
+    slFunc();
 
+  })
 
+  // 上拉加载 
+  // 可见区域高度
 
+  var ch = document.documentElement.clientHeight || document.body.clientHeight;
 
+  init();
 
+  $(window).scroll(function () {
 
+    // 滑动区高度
 
+    let sh = document.documentElement.scrollHeight || document.body.scrollHeight;
 
+    // 滑动位置
 
+    let st = document.documentElement.scrollTop || document.body.scrollTop;
 
+    let c = sh * 1 - ch * 1 - st * 1
 
+    if (c == 0 && currentPage <= totalPage && lock) {
 
+      $(".my-loading").html("加载中......").show();
 
+      _data.currentPage = currentPage;
 
+      requestFunc(_data).then(res => { lock = true; $("#loading").hide(); totalPage = res; currentPage++; _data.currentPage = currentPage; $(".my-loading").hide(); })
 
+    }
 
+    if (c == 0 && currentPage > totalPage) {
 
+      $(".my-loading").html("已经没有可以加载的数据了").show();
 
+    }
 
+  })
 
+
 
+
 
+  // 请求高校列表
 
+  function requestFunc (data) {
 
+    lock = false;
 
+    $("#loading").show()
 
+    return new Promise((resolve, reject) => {
 
+      $.ajax({
 
+        url: "http://192.168.2.45:8033/colleges/list/",
 
+        data: {
 
+          ...data,
 
+          pageSize: 10
 
+        },
 
+        type: "get",
 
+        error: function (error) {
 
+          lock = true;
 
+          $("#loading").hide();
 
+          $(".my-loading").html("加载失败").show();
 
+        },
 
+        success: function (res) {
 
+          let { totalPage, dataList } = res.data;
 
+          let father = document.createDocumentFragment();
 
+          Array.from(dataList).forEach(item => {
 
+            let str = `<a targert="_blank"
 
+            href="http://www.gaokaoapp.net/colleges/${item.id}.html"
 
+            class="item">
 
+            <div class="item-img">
 
+              <img data-original="${item.logo}" src="../imgs/app.png" alt="${item.name}">
 
+            </div>
 
+            <div class="item-desc">
 
+              <p class="item-desc-name">${item.name}</p>
 
+              <p class="item-desc-z">
 
+              <span>院校类型：${item.category}</span>
 
+              <span>学历层次：${item.level}</span>
 
+              <span>院校所在地：${item.location}</span>
 
+              </p>
 
+              <p class="item-desc-desc">学校特色： ${item.characteristics}</p>
 
+            </div>
 
+          </a>
 
+            `;
 
+            $(father).append(str)
 
+          })
 
+          if (data.currentPage == 1) $(".school_list").find(".item").remove();
 
+          $(".school_list>.my-loading").before(father)
 
+          if (data.currentPage == 1 && dataList.length == 0) {
 
+            $(".my-loading").html("暂无数据").show();
 
+            lock = true;
 
+            $("#loading").hide();
 
+            return false;
 
+          }
 
+          $("img").lazyload();
 
+          resolve(totalPage)
 
+        }
 
+      })
 
+    })
 
+  }
 
+})

+ 0 - 2
js/exam_list.js
View File 

@@ -85,8 +85,6 @@ $(function () {
 
         },
 
         },
 
         success: function (res) {
 
         success: function (res) {
 
           let { dataList, totalPage } = res.data;
 
           let { dataList, totalPage } = res.data;
 
-          console.log(dataList)
 
-          console.log(data.area)
 
           let father = document.createDocumentFragment();
 
           let father = document.createDocumentFragment();
 
           Array.from(dataList).forEach(
 
           Array.from(dataList).forEach(
 
             item => {
 
             item => {