20210814

css/components.css

@@ -197,6 +197,7 @@ body::-webkit-scrollbar-track {
 .header .ha-item .app {
   height: 100%;
   text-align: center;
+  position: relative;
 }
 @media screen and (max-width: 768px) {
   .header .ha-item .app {
@@ -210,6 +211,10 @@ body::-webkit-scrollbar-track {
 .header .ha-item .app a img {
   width: 50px;
 }
+.header .ha-item .app div {
+  position: absolute;
+  right: 0px;
+}
 .header .hb-item .nav {
   display: flex;
   justify-content: flex-start;
@@ -508,15 +513,10 @@ body::-webkit-scrollbar-track {
   font-weight: 400;
   overflow: hidden;
   text-overflow: ellipsis;
-  white-space: nowrap;
-}
-@media screen and (max-width: 768px) {
-  .body .my-list .list-item .item-detail .title {
-    white-space: normal;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-  }
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  font-size: 16px;
 }
 .body .my-list .list-item .item-detail .time {
   font-size: 12px;

css/components.less

@@ -257,6 +257,7 @@ body {
     .app {
       height: 100%;
       text-align: center;
+      position: relative;
 
       @media screen and (max-width:768px) {
         & {
@@ -272,6 +273,10 @@ body {
           width: 50px;
         }
       }
+      div{
+        position: absolute;
+        right: 0px;
+      }
     }
   }
 
@@ -608,7 +613,7 @@ body {
       padding-bottom: 10px;
       margin-bottom: 10px;
       border-bottom: 1px solid #e6e6e6;
-
+      
       &:hover {
         color: #2382ff;
       }
@@ -649,16 +654,10 @@ body {
           font-weight: 400;
           overflow: hidden;
           text-overflow: ellipsis;
-          white-space: nowrap;
-
-          @media screen and (max-width: 768px) {
-            & {
-              white-space: normal;
-              display: -webkit-box;
-              -webkit-box-orient: vertical;
-              -webkit-line-clamp: 2;
-            }
-          }
+          display: -webkit-box;
+          -webkit-box-orient: vertical;
+          -webkit-line-clamp: 2;
+          font-size: 16px;
         }
 
         .time {

css/new_list.css

@@ -1,4 +1,3 @@
-
 .new2 .body {
   margin-top: 90px;
   padding: 10px 0;
@@ -13,6 +12,19 @@
   margin-bottom: 10px;
   border-bottom: 1px solid #e6e6e6;
 }
+.new2 .body .list-header {
+  background-color: #f03;
+  position: relative;
+  height: 160px;
+}
+.new2 .body .list-header h3 {
+  position: relative;
+  top: 124px;
+  margin-top: 0px;
+}
+.new2 .body .list-header p {
+  position: relative;
+}
 .new2 .body .list .list-item:hover {
   color: #2382ff;
 }
@@ -45,9 +57,6 @@
 }
 .new2 .body .list .list-item .item-detail .title {
   font-weight: 400;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
 }
 @media screen and (max-width: 768px) {
   .new2 .body .list .list-item .item-detail .title {
@@ -64,4 +73,4 @@
 }
 .new2 .body .list .list-item .item-detail .time span {
   margin-left: 5px;
-}
+}

css/new_list.less

@@ -0,0 +1,77 @@
+
+.new2 .body {
+  margin-top: 90px;
+  padding: 10px 0;
+}
+.new2 .body .list .list-item {
+  text-decoration: none;
+  color: black;
+  display: flex;
+  justify-content: flex-start;
+  align-items: start;
+  padding-bottom: 10px;
+  margin-bottom: 10px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.new2 .body .list-header{
+  background-color: #f03;
+  position: relative;
+  height: 160px;
+  h3{
+    position: relative;
+   top: 124px;
+    margin-top: 0px;
+  }
+  p{
+    position: relative;
+  }
+}
+.new2 .body .list .list-item:hover {
+  color: #2382ff;
+}
+.new2 .body .list .list-item .item-img {
+  flex: 1;
+  padding: 0 20px;
+}
+@media screen and (max-width: 768px) {
+  .new2 .body .list .list-item .item-img {
+    padding: 0 10px;
+  }
+}
+.new2 .body .list .list-item .item-img img {
+  width: 100%;
+  border-radius: 5px;
+}
+.new2 .body .list .list-item .item-img img:hover {
+  transform: scale(1.1);
+}
+.new2 .body .list .list-item .item-detail {
+  flex: 4;
+  height: 100%;
+  position: relative;
+  overflow: hidden;
+}
+@media screen and (max-width: 768px) {
+  .new2 .body .list .list-item .item-detail {
+    flex: 2;
+  }
+}
+.new2 .body .list .list-item .item-detail .title {
+  font-weight: 400;
+}
+@media screen and (max-width: 768px) {
+  .new2 .body .list .list-item .item-detail .title {
+    white-space: normal;
+    display: -webkit-box;
+    -webkit-box-orient: vertical;
+    -webkit-line-clamp: 2;
+  }
+}
+.new2 .body .list .list-item .item-detail .time {
+  font-size: 12px;
+  color: #777;
+  margin-top: 5px;
+}
+.new2 .body .list .list-item .item-detail .time span {
+  margin-left: 5px;
+}

h_exam/exam_detail.html

@@ -23,17 +23,21 @@
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="../index.html"><span>大联考</span></a>
         </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
             <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
         </div>
+        <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">
@@ -198,4 +202,4 @@
   </div>
 </body>
 
-</html>
+</html>

h_exam/exam_detail_img.html

@@ -24,13 +24,16 @@
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="../index.html"><span>大联考</span></a>
         </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
             <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
+          <div style="display: none;">
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
       </div>
     </div>
@@ -71,42 +74,25 @@
               </div>
             </div>
             <div id="title">试题</div>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280934369.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280934369.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280824722.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280824722.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280342021.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280342021.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280701434.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280701434.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280456087.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280456087.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280702443.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280702443.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280755438.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280755438.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280328546.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502280328546.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
             <p name="answer" id="edi-answer">参考答案<br></p>
             <p><br></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250729707.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250729707.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250555207.png"
-                src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250555207.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250934878.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250400353.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250453026.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250160744.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250348465.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250762326.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
-            <p><img data-imgsrc="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628502250144162.png"
-                src="//app.gaokaozhitongche.com/static/img/base/img_default.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
+            <p><img src="../imgs/juanzi.png" style=""></p>
             <p><br></p>
             <div class="edi-open">
               <span data-click="open" data-open="false">展开阅读全部<i class="glyphicon glyphicon-chevron-down"></i></span>

h_exam/exam_list.html

@@ -17,26 +17,23 @@
 </head>
 
 <body class="new3">
-  <!-- 通用头部 -->
+  <!-- components 共用头部 -->
   <div class="header">
     <div class="container">
       <div id="face" class="ha-item">
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="/"><span>大联考</span></a>
         </div>
-        <div class="my-province pull-left">
-          <span>全国</span><i class="glyphicon glyphicon-chevron-down"></i>
-          <div data-province="true">
-            <i class="glyphicon glyphicon-play icon-play"></i>
-          </div>
-        </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
-            <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
+            <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 class="button pull-right">
           <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
@@ -47,32 +44,26 @@
         <div id="nav" class="nav">
           <div class="nav-item">
             <!-- active 表明当前页面属于那个动作分类 -->
-            <a class="active" href="/" target="_blank" draggable="false">首页</a>
+            <a class="active" href="javascript:;" draggable="false">首页</a>
             <ul class="nav-ul">
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
-            <ul class="nav-ul">
-              <li class="nav-li"><a href="new_href1" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="href2" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
+            <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <ul class="nav-ul xingaokao">
+              <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">机构联考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <a href="javascript:;" draggable="false">机构联考<i class="glyphicon glyphicon-chevron-down"></i></a>
             <ul class="nav-ul">
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
+              <li class="nav-li"><a href="#" target="_blank" draggable="false">机构联考</a></li>
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
             <ul class="nav-ul">
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
-              <li class="nav-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
+              <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
             </ul>
           </div>
         </div>
@@ -82,19 +73,13 @@
   <!-- components 共用菜单 -->
   <!-- @小屏幕 下拉菜单 -->
   <div id="nav-sm" class="nav-sm-noheight">
-    <div class="my-province">
-      <span>全国</span><i class="glyphicon glyphicon-chevron-down"></i>
-      <div data-province="true">
-        <i class="glyphicon glyphicon-play icon-play"></i>
-      </div>
-    </div>
-    <ul style="border-top:1px solid #e6e6e6">
+    <ul>
       <!-- active 表明当前页面属于那个动作分类 -->
-      <li><a class="nav-sm-title active" href="/" target="_blank" draggable="false">首页</a>
+      <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
         <ul class="nav-sm-ul"></ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">新高考</a>
+        <a class="nav-sm-title" href="javascript:;"" draggable=" false">新高考</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -103,7 +88,7 @@
         </ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">机构联考</a>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -112,7 +97,7 @@
         </ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">模拟考试</a>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -480,4 +465,4 @@
   </div>
 </body>
 
-</html>
+</html>

h_news/new_detail.html

@@ -23,13 +23,16 @@
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="../index.html"><span>大联考</span></a>
         </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
             <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
+          <div style="display: none;">
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
       </div>
     </div>

h_news/new_list.html

@@ -24,13 +24,16 @@
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="../index.html"><span>大联考</span></a>
         </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
             <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
+          <div style="display: none;">
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
       </div>
     </div>
@@ -167,4 +170,4 @@
   </div>
 </body>
 
-</html>
+</html>

index.html

@@ -26,13 +26,16 @@
         <div class="img pull-left">
           <!-- 网站图标 -->
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-          <span>大联考</span>
+          <a href="/"><span>大联考</span></a>
         </div>
-        <div class="app pull-right">
+        <div data-app="download" class="app pull-right">
           <a href="http://down.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 class="button pull-right">
           <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
@@ -43,24 +46,24 @@
         <div id="nav" class="nav">
           <div class="nav-item">
             <!-- active 表明当前页面属于那个动作分类 -->
-            <a class="active" href="/" target="_blank" draggable="false">首页</a>
+            <a class="active" href="javascript:;" draggable="false">首页</a>
             <ul class="nav-ul">
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
             <ul class="nav-ul xingaokao">
               <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">机构联考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <a href="javascript:;" draggable="false">机构联考<i class="glyphicon glyphicon-chevron-down"></i></a>
             <ul class="nav-ul">
               <li class="nav-li"><a href="#" target="_blank" draggable="false">机构联考</a></li>
             </ul>
           </div>
           <div class="nav-item">
-            <a href="/" target="_blank" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
             <ul class="nav-ul">
               <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
             </ul>
@@ -74,11 +77,11 @@
   <div id="nav-sm" class="nav-sm-noheight">
     <ul>
       <!-- active 表明当前页面属于那个动作分类 -->
-      <li><a class="nav-sm-title active" href="/" target="_blank" draggable="false">首页</a>
+      <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
         <ul class="nav-sm-ul"></ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">新高考</a>
+        <a class="nav-sm-title" href="javascript:;"" draggable=" false">新高考</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -87,7 +90,7 @@
         </ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">机构联考</a>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -96,7 +99,7 @@
         </ul>
       </li>
       <li>
-        <a class="nav-sm-title" href="/" target="_blank" draggable="false">模拟考试</a>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
         <ul class="nav-sm-ul">
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
           <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">新item 1</a></li>
@@ -503,4 +506,4 @@
   </div>
 </body>
 
-</html>
+</html>

js/components.js

@@ -7,37 +7,44 @@ let globaldata = {
   // 省份
   province: ["全国", "北京", "天津", "河北", "山西", "内蒙古", "辽宁", "吉林", "黑龙江", "上海", "江苏", "浙江", "安徽", "福建", "江西", "山东", "河南", "湖北", "湖南", "广东", "海南", "广西", "甘肃", "陕西", "新疆", "青海", "宁夏", "重庆", "四川", "贵州", "云南", "西藏", "台湾", "澳门", "香港", "默认"]
 }
+// app 悬浮放大
+$(function () {
+  $("[data-app='download']").mouseenter(function () {
+    $(this).find("div").addClass("show")
+  }).mouseleave(function () {
+    $(this).find("div").removeClass("show")
+  })
+})
 // 大屏 下拉菜单
-$(
-  function () {
-    let navitems = $("#nav>.nav-item");
-    const move = (that, show) => {
-      let lis = $(that).find("li"),
-        i = $(that).find("i");
-      ul = $(that).find("ul");
-      if (lis.length != 0 && show) {
-        ul.addClass("show");
-        i.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
-        return false;
-      }
-      if (lis.length != 0 && !show) {
-        ul.removeClass("show")
-        i.removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
-        return false;
-      }
+$(function () {
+  let navitems = $("#nav>.nav-item");
+  const move = (that, show) => {
+    let lis = $(that).find("li"),
+      i = $(that).find("i");
+    ul = $(that).find("ul");
+    if (lis.length != 0 && show) {
+      ul.addClass("show");
+      i.removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
       return false;
     }
-    for (let i = 0; i < navitems.length; i++) {
-      $(navitems[i]).mouseenter(function () {
-        let that = this;
-        move(that, true)
-      }).mouseleave(function () {
-        let that = this;
-        move(that, false)
-      })
-
+    if (lis.length != 0 && !show) {
+      ul.removeClass("show")
+      i.removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
+      return false;
     }
+    return false;
   }
+  for (let i = 0; i < navitems.length; i++) {
+    $(navitems[i]).mouseenter(function () {
+      let that = this;
+      move(that, true)
+    }).mouseleave(function () {
+      let that = this;
+      move(that, false)
+    })
+
+  }
+}
 )
 // 监听滚动轴 
 $(function () {

xgk/xgk.html

@@ -2,93 +2,100 @@
 <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">
-    <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
-    <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
-    <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
-    <title>新高考专题-大联考网页版</title>
-    <script src="../js/jquery.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/new_list.css">
-    <script src="../js/components.js"></script>
-    <script src="../js/new_list.js"></script>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
+  <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
+  <title>新高考专题-大联考网页版</title>
+  <script src="../js/jquery.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/new_list.css">
+  <script src="../js/components.js"></script>
+  <script src="../js/new_list.js"></script>
 </head>
 
 <body class="new2">
-<!-- 通用头部 -->
-<div class="header">
+  <!-- 通用头部 -->
+  <div class="header">
     <div class="container">
-        <div id="face" class="ha-item">
-            <div class="img pull-left">
-                <!-- 网站图标 -->
-                <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
-                <span>大联考</span>
-            </div>
-            <div class="app pull-right">
-                <a href="http://down.gaokaoapp.net" draggable="false">
-                    <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
-                    <span>大联考App下载</span>
-                </a>
-            </div>
+      <div id="face" class="ha-item">
+        <div class="img pull-left">
+          <!-- 网站图标 -->
+          <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
+          <span>大联考</span>
         </div>
+        <div data-app="download" class="app pull-right">
+          <a href="http://down.gaokaoapp.net" draggable="false">
+            <img src="../imgs/app_dowload.png" alt="" 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>
+  <div id="body" class="container">
     <div class="row">
-        <div class="col">
-            <div class="body">
-                <div class="my-list list">
-                    <a target="_blank" href="http://gaokaoapp.net" class="list-item">
-                        <div class="item-img">
-                            <img src="../imgs/app_dowload.png" alt="">
-                        </div>
-                        <div class="item-detail">
-                            <div class="title">广东省警察学院：从未委托任何个人或机构进行招生宣传;广东省警察学院：从未委托任何个人或机构进行招生宣传</div>
-                            <div class="time">高考动态<span>2021-04-21</span></div>
-                        </div>
-                    </a>
+      <div class="col">
+        <div class="body">
+          <div style="background-image: url();" class="list-header">
+            <h3>武汉市高三调考</h3>
+            <p>实时更新</p>
+          </div>
+          <div class="my-list list">
+            <a target="_blank" href="http://gaokaoapp.net" class="list-item">
+              <div class="item-img">
+                <img src="../imgs/app_dowload.png" alt="">
+              </div>
+              <div class="item-detail">
+                <div class="title">广东省警察学院：从未委托任何个人或机构进行招生宣传;广东省警察学院：从未委托任何个人或机构进行招生宣传</div>
+                <div class="time">高考动态<span>2021-04-21</span></div>
+              </div>
+            </a>
 
-                </div>
-                <div class="my-loading">加载中......</div>
-            </div>
+          </div>
+          <div class="my-loading">加载中......</div>
         </div>
+      </div>
     </div>
-</div>
-<!-- 以下通用html -->
-<div class="footer">
+  </div>
+  <!-- 以下通用html -->
+  <div class="footer">
     <p>商务合作电话：0371-86586728</p>
     <p>豫ICP备15004940号-5</p>
-</div>
-<!-- 返回顶部 -->
-<div id="top" class="noshow">
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
     <i class="glyphicon glyphicon-chevron-up"></i>
-</div>
-<!-- 分享功能 -->
-<div id="share">
+  </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="qq">微信</li> -->
-        <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li>分享到</li>
+      <li><img src="../imgs/qq.png" alt="qq">QQ</li>
+      <!-- <li><img src="./imgs/weixin.png" alt="qq">微信</li> -->
+      <li><img src="../imgs/weibo.png" alt="qq">微博</li>
     </ul>
-</div>
-<!-- 下载app -->
-<div id="download">
+  </div>
+  <!-- 下载app -->
+  <div id="download">
     <div class="left">
-        <img src="../imgs/app.png" alt="">
-        <div class=" row1">大联考
-        </div>
-        <div class="row2">全国中学生都在用</div>
+      <img src="../imgs/app.png" alt="">
+      <div class=" row1">大联考
+      </div>
+      <div class="row2">全国中学生都在用</div>
     </div>
     <div class="right">
-        <button class="btn btn-info">下载</button>
+      <button class="btn btn-info">下载</button>
     </div>
-</div>
+  </div>
 </body>
 
-</html>
+</html>