20210813 11:29

css/components.css

@@ -1,3 +1,55 @@
+.my-province {
+  position: relative;
+}
+.my-province span {
+  line-height: normal;
+  color: #f03;
+  font-size: 14px;
+  margin-right: 5px;
+}
+.my-province i {
+  margin-left: 5px;
+  font-size: 12px;
+  color: #e6e6e6;
+}
+.my-province div {
+  display: none;
+  width: 286px;
+  position: absolute;
+  top: 30px;
+  z-index: 100;
+  background-color: #fff;
+  border: 1px solid #e6e6e6;
+  padding: 10px;
+}
+.my-province div .icon-play {
+  transform: rotate(-90deg);
+  position: absolute;
+  top: -10px;
+}
+.my-province div ul {
+  width: 100%;
+  padding: 0;
+  list-style: none;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+  flex-wrap: wrap;
+  margin: 0;
+}
+.my-province div ul > li:last-child {
+  color: #f03;
+}
+.my-province div ul li {
+  padding: 5px;
+  width: 60px;
+  margin: 3px;
+  box-sizing: border-box;
+}
+.my-province div ul li:hover {
+  background-color: #f6f6f6;
+  border: 5px;
+}
 textarea {
   resize: none;
 }
@@ -99,6 +151,15 @@ body::-webkit-scrollbar-track {
   position: fixed;
   z-index: 1;
 }
+.header .my-province {
+  margin-left: 5px;
+  margin-top: 30px;
+}
+@media screen and (max-width: 768px) {
+  .header .my-province {
+    display: none;
+  }
+}
 .header .ha-item {
   margin-top: 10px;
   height: 70px;
@@ -215,7 +276,13 @@ body::-webkit-scrollbar-track {
   box-sizing: border-box;
   background-color: #fff;
   margin-top: 80px;
-  padding: 0;
+  padding: 0 20px;
+}
+#nav-sm .my-province {
+  padding: 20px 0;
+}
+#nav-sm .my-province div {
+  top: 50px;
 }
 @media screen and (max-width: 768px) {
   #nav-sm {
@@ -228,6 +295,9 @@ body::-webkit-scrollbar-track {
 #nav-sm > ul > li > a.active {
   color: #2382ff;
 }
+#nav-sm ul {
+  padding-inline-start: 0;
+}
 #nav-sm ul li {
   list-style-type: none;
 }
@@ -281,7 +351,7 @@ body::-webkit-scrollbar-track {
   margin: 141px 20px 20px;
 }
 .body .my-loading {
-  text-align: center ;
+  text-align: center;
   color: #999;
   display: none;
 }

css/components.less

@@ -1,8 +1,69 @@
 @title-top: #3181ff;
 @title-bg: #e0ecff;
 @body-bg: #2382ff;
+
+// 通用样式
+.my-province {
+  position: relative;
+
+  span {
+    line-height: normal;
+    color: #f03;
+    font-size: 14px;
+    margin-right: 5px;
+  }
+
+  i {
+    margin-left: 5px;
+    font-size: 12px;
+    color: #e6e6e6;
+  }
+
+  div {
+    display: none;
+    width: 286px;
+    position: absolute;
+    top: 30px;
+    z-index: 100;
+    background-color: #fff;
+    border: 1px solid #e6e6e6;
+    padding: 10px;
+
+    .icon-play {
+      transform: rotate(-90deg);
+      position: absolute;
+      top: -10px;
+    }
+
+    ul {
+      width: 100%;
+      padding: 0;
+      list-style: none;
+      display: flex;
+      justify-content: flex-start;
+      align-items: center;
+      flex-wrap: wrap;
+      margin: 0;
+      &>li:last-child{
+        color:#f03;
+      }
+      li {
+        padding: 5px;
+        width: 60px;
+        margin: 3px;
+        box-sizing: border-box;
+
+        &:hover {
+          background-color: #f6f6f6;
+          border: 5px;
+        }
+      }
+    }
+  }
+}
+
 // 标签默认样式
-textarea{
+textarea {
   resize: none;
 }
 
@@ -93,14 +154,16 @@ body {
   overflow-y: scroll;
 
   // 通用a标签
-  a{
-  text-decoration: none;
-  color: #777;
-  &:hover{
-    color:@body-bg;
+  a {
     text-decoration: none;
+    color: #777;
+
+    &:hover {
+      color: @body-bg;
+      text-decoration: none;
+    }
   }
-  }
+
   &::-webkit-scrollbar {
     /*滚动条整体样式*/
     width: 5px;
@@ -131,6 +194,19 @@ body {
 
 // 头部
 .header {
+
+  // 通用样式
+  .my-province {
+    margin-left: 5px;
+    margin-top: 30px;
+
+    @media screen and (max-width:768px) {
+      & {
+        display: none;
+      }
+    }
+  }
+
   width: 100%;
   background-color: #fff;
   border-bottom: 1px solid #f1f1f1;
@@ -141,6 +217,7 @@ body {
   .ha-item {
     margin-top: 10px;
     height: 70px;
+
     .img {
       height: 100%;
 
@@ -159,6 +236,7 @@ body {
 
     .button {
       display: none;
+
       @media screen and (max-width:768px) {
         & {
           display: block;
@@ -211,7 +289,7 @@ body {
         }
       }
 
-      &>.nav-item>a.active{
+      &>.nav-item>a.active {
         color: @body-bg;
       }
 
@@ -279,7 +357,17 @@ body {
   z-index: 99;
   width: 100vw;
   overflow-y: scroll;
-
+  box-sizing: border-box;
+  background-color: #fff;
+  margin-top: 80px;
+  padding: 0 20px;
+  // 通用样式
+  .my-province{
+    padding: 20px 0;
+    div{
+     top: 50px;
+   }  
+  }
   @media screen and (max-width:768px) {
     & {
       border-top: 1px solid #eee;
@@ -290,16 +378,14 @@ body {
     height: 0;
   }
 
-  box-sizing: border-box;
-  background-color: #fff;
-  margin-top: 80px;
-  padding: 0;
 
-  &>ul>li>a.active{
+
+  &>ul>li>a.active {
     color: @body-bg;
   }
 
   ul {
+    padding-inline-start: 0;
     li {
       list-style-type: none;
 
@@ -363,207 +449,230 @@ body {
   position: relative;
   padding: 10px 15px 15px;
   margin: 141px 20px 20px;
-  
-    //  自定义样式类
-    // 加载
-    .my-loading{
-      text-align: center ;
-      color: #999;
-      display: none;
+
+  //  自定义样式类
+  // 加载
+  .my-loading {
+    text-align: center;
+    color: #999;
+    display: none;
+  }
+
+  // 点击阅读
+  .my-read {
+    margin-top: 20px;
+    text-align: center;
+
+    .good {
+      border-radius: 5px;
+      border: 1px solid #e6e6e6;
+      display: inline-block;
+      padding: 5px 30px;
+      margin-bottom: 10px;
     }
-    // 点击阅读
-    .my-read {
-      margin-top: 20px;
-      text-align: center;
-    
-      .good {
-        border-radius: 5px;
-        border: 1px solid #e6e6e6;
-        display: inline-block;
-        padding: 5px 30px;
-        margin-bottom: 10px;
+  }
+
+  // 相关文章
+  .my-articles {
+    ul {
+      width: 100%;
+      border-top: 1px solid #e6e6e6;
+      padding: 10px 20px;
+      list-style: square;
+      color: #777;
+      overflow: hidden;
+
+      li {
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+        width: 100%;
+        padding: 5px 0px;
       }
     }
-    // 相关文章
-    .my-articles {
-      ul {
-        width: 100%;
-        border-top: 1px solid #e6e6e6;
-        padding: 10px 20px;
-        list-style: square;
-        color: #777;
-        overflow: hidden;
+  }
 
-        li {
-          overflow: hidden;
-          text-overflow: ellipsis;
-          white-space: nowrap;
-          width: 100%;
-          padding: 5px 0px;
-        }
-      }
+  // 评论区
+  .my-comment {
+    .h5 {
+      display: flex;
+      justify-content: space-between;
+      align-content: center;
     }
-    // 评论区
-    .my-comment {
-      .h5 {
-        display: flex;
-        justify-content: space-between;
-        align-content: center;
-      }
 
-      .remind {
+    .remind {
+      text-align: center;
+      background-color: #e6e6e6;
+      padding: 5px;
+      border-radius: 5px;
+      margin: 10px 0px;
+    }
+
+    .comment {
+      border-top: 1px solid #e6e6e6;
+      padding-top: 10px;
+
+      .nocomment,
+      .loading,
+      .nodata {
+        display: none;
         text-align: center;
-        background-color: #e6e6e6;
-        padding: 5px;
-        border-radius: 5px;
-        margin: 10px 0px;
+        margin: 10px;
       }
 
-      .comment {
-        border-top: 1px solid #e6e6e6;
-        padding-top: 10px;
+      .nocomment {
+        display: block;
+        padding-bottom: 10px;
 
-        .nocomment,
-        .loading,
-        .nodata {
-          display: none;
-          text-align: center;
-          margin: 10px;
+        &:hover {
+          color: @body-bg;
         }
+      }
 
-        .nocomment {
-          display: block;
-          padding-bottom: 10px;
-
-          &:hover {
-            color: @body-bg;
-          }
-        }
+      .user {
+        width: 100%;
+        padding: 20px 0;
+        border-bottom: 1px solid #e6e6e6;
+        display: grid;
+        grid-template-columns: 10% 90%;
 
-        .user {
+        .u-img {
           width: 100%;
-          padding: 20px 0;
-          border-bottom: 1px solid #e6e6e6;
-          display: grid;
-          grid-template-columns: 10% 90%;
+          text-align: center;
 
-          .u-img {
+          .img {
             width: 100%;
-            text-align: center;
-
-            .img {
-              width: 100%;
-              max-width: 64px;
-            }
+            max-width: 64px;
           }
+        }
 
-          .u-content {
-            margin-left: 10px;
-            text-align: justify;
+        .u-content {
+          margin-left: 10px;
+          text-align: justify;
 
-            .u-name {
-              font-size: 16px;
-            }
+          .u-name {
+            font-size: 16px;
+          }
 
-            .u-detail {
-              padding: 5px 0px;
-            }
+          .u-detail {
+            padding: 5px 0px;
+          }
 
-            .u-flex {
-              display: flex;
-              justify-content: space-between;
-              align-items: center;
-            }
+          .u-flex {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
           }
         }
       }
     }
-    // 横向菜单
-    .my-nav{
-      border-bottom: 1px solid #e6e6e6;
-      &::after{
-        display: block;
-        content: '';
-        clear: both;
+  }
+
+  // 横向菜单
+  .my-nav {
+    border-bottom: 1px solid #e6e6e6;
+
+    &::after {
+      display: block;
+      content: '';
+      clear: both;
+    }
+
+    ul {
+      list-style: none;
+      padding: 0;
+
+      li {
+        float: left;
+        padding: 5px;
+        color: #777;
       }
-      ul{
-        list-style: none;
-        padding: 0;
-        li{
-          float: left;
-          padding: 5px;
-          color: #777;
-        }
-        .active{
-          color: black;
-          border-bottom: 3px solid @body-bg;
-          font-weight: bold;
-        }
+
+      .active {
+        color: black;
+        border-bottom: 3px solid @body-bg;
+        font-weight: bold;
       }
     }
-    // 上拉刷新 列表
-    .my-list{
+  }
+
+  // 上拉刷新 列表
+  .my-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;
-    &:hover{ color: #2382ff;}
-    .item-img {
-      flex: 1;
-      padding: 0 20px;
-      @media screen and (max-width: 768px) {
-        &{
-          padding: 0 10px;
-        }
+      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;
+
+      &:hover {
+        color: #2382ff;
       }
-      img {
-        width: 100%;
-        border-radius: 5px;
-        &:hover{
-          transform: scale(1.1);
+
+      .item-img {
+        flex: 1;
+        padding: 0 20px;
+
+        @media screen and (max-width: 768px) {
+          & {
+            padding: 0 10px;
+          }
         }
-      }
-    }
-    .item-detail {
-      flex: 4;
-      height: 100%;
-      position: relative;
-      overflow: hidden;
-      @media screen and (max-width: 768px) {
-       & {
-          flex: 2;
+
+        img {
+          width: 100%;
+          border-radius: 5px;
+
+          &:hover {
+            transform: scale(1.1);
+          }
         }
       }
-      .title {
-        font-weight: 400;
+
+      .item-detail {
+        flex: 4;
+        height: 100%;
+        position: relative;
         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;
+            flex: 2;
           }
         }
-      }
-      .time {
-        font-size: 12px;
-        color: #777;
-        margin-top: 5px;
-        span {
-          margin-left: 5px;
+
+        .title {
+          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;
+            }
+          }
+        }
+
+        .time {
+          font-size: 12px;
+          color: #777;
+          margin-top: 5px;
+
+          span {
+            margin-left: 5px;
+          }
         }
       }
     }
   }
-    }
+
 
   @media screen and (max-width:768px) {
     & {
@@ -672,7 +781,7 @@ body {
 }
 
 // 交互板
-#toast{
+#toast {
   display: none;
   position: fixed;
   top: 0;
@@ -680,9 +789,10 @@ body {
   z-index: 100;
   width: 100vw;
   height: 100vh;
-  background-color: rgba(29, 27, 27, 0.5) ;
+  background-color: rgba(29, 27, 27, 0.5);
   text-align: center;
-  &>div{
+
+  &>div {
     background-color: #fff;
     position: absolute;
     padding: 5px;
@@ -692,43 +802,49 @@ body {
     left: calc(~"50vw - 100px");
     top: 30vh;
   }
- }
+}
 
 //  下载app
-#download{
+#download {
   position: fixed;
   bottom: 0px;
   width: 100vw;
   display: none;
-  justify-content: space-between;align-items: center;
-  background-color: rgba(1,1,1,0.5);
+  justify-content: space-between;
+  align-items: center;
+  background-color: rgba(1, 1, 1, 0.5);
   padding: 5px 10px;
   color: #fff;
-  .left{
+
+  .left {
     width: 200px;
-    &::before{
-      display: block;content: '';
+
+    &::before {
+      display: block;
+      content: '';
       clear: both;
     }
-    img,div{
+
+    img,
+    div {
       float: left;
     }
-    img{
+
+    img {
       width: 50px;
     }
-    div{
+
+    div {
       margin-left: 10px;
     }
-    .row1{
+
+    .row1 {
       margin-bottom: 10px;
     }
   }
+
   @media screen and (max-width:768px) {
     display: flex;
-    
-  }
-}
-
-
-
 
+  }
+}

css/exam_list.css

@@ -1,19 +1,3 @@
-.header .address {
-  margin-left: 5px;
-  margin-top: 30px;
-  position: relative;
-}
-.header .address span {
-  line-height: normal;
-  color: #f03;
-  font-size: 14px;
-  margin-right: 5px;
-}
-.header .address i {
-  margin-left: 5px;
-  font-size: 12px;
-  color: #e6e6e6;
-}
 .body {
   padding-top: 0px;
   transform: translateY(-10px);
@@ -24,6 +8,14 @@
 .body .ke .my-list {
   display: none;
 }
+.body .ke .my-list .province {
+  display: inline-block;
+  padding: 2px 8px;
+  background-color: #f6f6f6;
+  color: #777;
+  margin: 5px 0px;
+  border-radius: 5px;
+}
 .body .ke .active {
   display: block;
 }

css/exam_list.less

@@ -2,24 +2,6 @@
 @title-bg: #e0ecff;
 @body-bg: #2382ff;
 
-.header {
-  .address {
-    margin-left: 5px;
-    margin-top: 30px;
-    position: relative;
-    span {
-      line-height: normal;
-      color: #f03;
-      font-size: 14px;
-      margin-right: 5px;
-    }
-    i{
-      margin-left: 5px;
-      font-size: 12px;
-      color: #e6e6e6;
-    }
-  }
-}
 
 .body {
   padding-top: 0px;
@@ -30,10 +12,19 @@
 
     .my-list {
       display: none;
+      .province{
+        display: inline-block;
+        padding: 2px 8px;
+        background-color: #f6f6f6;
+        color: #777;
+        margin: 5px 0px;
+        border-radius: 5px;
+      }
     }
 
     .active {
       display: block;
     }
   }
+
 }

h_exam/exam_detail.html

@@ -5,6 +5,7 @@
   <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">
   <title>2021昭通高二期中考试</title>
   <script src="../js/jquery.js"></script>
   <script src="../bootstrap/bootstrap.min.js"></script>
@@ -43,14 +44,14 @@
           </div>
           <div class="list">
             <div class="list-flex">
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>语文</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
                   <a href="https://app.gaokaozhitongche.com/newsexam/h/PMEoKngj" class="right">投稿答案</a>
                 </div>
               </div>
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>微课数学</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
@@ -59,14 +60,14 @@
               </div>
             </div>
             <div class="list-flex">
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>理科数学</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
                   <a href="https://app.gaokaozhitongche.com/newsexam/h/PMEoKngj" class="right">投稿答案</a>
                 </div>
               </div>
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>英语</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
@@ -75,14 +76,14 @@
               </div>
             </div>
             <div class="list-flex">
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>政治</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
                   <a href="https://app.gaokaozhitongche.com/newsexam/h/PMEoKngj" class="right">投稿答案</a>
                 </div>
               </div>
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>历史</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
@@ -91,14 +92,14 @@
               </div>
             </div>
             <div class="list-flex">
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>地理</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
                   <a href="https://app.gaokaozhitongche.com/newsexam/h/PMEoKngj" class="right">投稿答案</a>
                 </div>
               </div>
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>物理</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
@@ -107,14 +108,14 @@
               </div>
             </div>
             <div class="list-flex">
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>化学</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>
                   <a href="https://app.gaokaozhitongche.com/newsexam/h/PMEoKngj" class="right">投稿答案</a>
                 </div>
               </div>
-              <div data-href="https://www.baidu.com" class="list-item">
+              <div data-href="http://www.gaokaoapp.net" class="list-item">
                 <h4>生物</h4>
                 <div class="p">
                   <a href="http://m.gaokaoapp.net/index.html?uk=thCimFgF" class="left">投稿试题</a>

h_exam/exam_list.html

@@ -5,6 +5,7 @@
   <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">
   <title>高三试题-模拟考试-大联考官网</title>
   <script src="../js/jquery.js"></script>
   <script src="../bootstrap/bootstrap.min.js"></script>
@@ -25,22 +26,11 @@
           <!-- <img src="http://www.nostone.cn/static/img/logo.dd1b687.png " alt="" draggable="false"> -->
           <span>大联考</span>
         </div>
-        <div class="address pull-left" data-container="body" data-html="" data-toggle="popover" data-placement="bottom">
+        <div class="my-province pull-left">
           <span>全国</span><i class="glyphicon glyphicon-chevron-down"></i>
-          <!-- <ul>
-            <li>全国</li>
-            <li>北京</li>
-            <li>河南</li>
-            <li>天津</li>
-            <li>河北</li>
-            <li>山西</li>
-            <li>内蒙古</li>
-            <li>辽宁</li>
-            <li></li>
-            <li>全国</li>
-            <li>全国</li>
-            <li>全国</li>
-          </ul> -->
+          <div data-province="true">
+            <i class="glyphicon glyphicon-play icon-play"></i>
+          </div>
         </div>
         <div class="app pull-right">
           <a href="http://down.gaokaoapp.net" draggable="false">
@@ -92,7 +82,13 @@
   <!-- components 共用菜单 -->
   <!-- @小屏幕 下拉菜单 -->
   <div id="nav-sm" class="nav-sm-noheight">
-    <ul>
+    <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">
       <!-- active 表明当前页面属于那个动作分类 -->
       <li><a class="nav-sm-title active" href="/" target="_blank" draggable="false">首页</a>
         <ul class="nav-sm-ul"></ul>
@@ -140,279 +136,309 @@
           <div class="ke">
             <!-- 高三 -->
             <div class="my-list active">
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
             </div>
             <!-- 高二 -->
             <div class="my-list ">
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
             </div>
             <!-- 高一 -->
             <div class="my-list ">
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>
-              <a target="_blank" href="https://www.baidu.com" class="list-item">
+              <a target="_blank" href="http://www.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="province">广东</div>
                   <div class="time">高考动态<span>2021-04-21</span></div>
                 </div>
               </a>

h_news/new_detail.html

@@ -5,6 +5,7 @@
   <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">
   <title>文章</title>
   <script src="../js/jquery.js"></script>
   <script src="../bootstrap/bootstrap.min.js"></script>

h_news/new_list.html

@@ -5,6 +5,7 @@
   <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">
   <title>更多</title>
   <script src="../js/jquery.js"></script>
   <script src="../bootstrap/bootstrap.min.js"></script>
@@ -39,7 +40,7 @@
       <div class="col">
         <div class="body">
           <div class="my-list list">
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -48,7 +49,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -57,7 +58,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -66,7 +67,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -75,7 +76,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -84,7 +85,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -93,7 +94,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -102,7 +103,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -111,7 +112,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>
@@ -120,7 +121,7 @@
                 <div class="time">高考动态<span>2021-04-21</span></div>
               </div>
             </a>
-            <a target="_blank" href="https://www.baidu.com" class="list-item">
+            <a target="_blank" href="http://www.gaokaoapp.net" class="list-item">
               <div class="item-img">
                 <img src="../imgs/app_dowload.png" alt="">
               </div>

index.html

@@ -5,9 +5,10 @@
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=`, initial-scale=1.0">
-  <title>公司</title>
   <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">
@@ -159,24 +160,24 @@
             <div class="col col-lg-6 col-sm-12">
               <div id="hotspot" class="hotspot">
                 <!-- @热点 id="hotspot"-->
-                <h4><a target="_blank" href="https://www.baidu.com"><span class="b">
+                <h4><a target="_blank" href="./h_news/new_list.html"><span class="b">
                       <i class="glyphicon glyphicon-fire icon-fire-style"></i>今日热点
                     </span><span>更多</span></a>
                 </h4>
                 <ul>
-                  <li><a target="_blank" href="https://www.baidu.com">item
+                  <li><a target="_blank" href="http://www.gaokaoapp.net">item
                       1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                   </li>
-                  <li><a target="_blank" href="https://www.baidu.com">item
+                  <li><a target="_blank" href="http://www.gaokaoapp.net">item
                       1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                   </li>
-                  <li><a target="_blank" href="https://www.baidu.com">item
+                  <li><a target="_blank" href="http://www.gaokaoapp.net">item
                       1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                   </li>
-                  <li><a target="_blank" href="https://www.baidu.com">item
+                  <li><a target="_blank" href="http://www.gaokaoapp.net">item
                       1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                   </li>
-                  <li><a target="_blank" href="https://www.baidu.com">item
+                  <li><a target="_blank" href="http://www.gaokaoapp.net">item
                       1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                   </li>
                 </ul>
@@ -239,24 +240,24 @@
               <div class="content-style row">
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -264,24 +265,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -289,24 +290,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -322,24 +323,24 @@
               <div class="content-style row">
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -347,24 +348,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -372,24 +373,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -397,24 +398,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -422,24 +423,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>
@@ -447,24 +448,24 @@
                 </div>
                 <div class="col col-sm-4 col-sm-12">
                   <div class="hotspot flex-item-style">
-                    <h4 class=".h4"><a target="_blank" href="https://www.baidu.com"><span class="a">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/new_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
                     </h4>
                     <ul>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
-                      <li><a target="_blank" href="https://www.baidu.com">item
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
                           1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                       </li>
                     </ul>

js/components.js

@@ -3,7 +3,9 @@ let globaldata = {
   // 滚动高度
   scrollheight: 50,
   // body 
-  body: document.documentElement || document.body
+  body: document.documentElement || document.body,
+  // 省份
+  province: ["全国", "北京", "天津", "河北", "山西", "内蒙古", "辽宁", "吉林", "黑龙江", "上海", "江苏", "浙江", "安徽", "福建", "江西", "山东", "河南", "湖北", "湖南", "广东", "海南", "广西", "甘肃", "陕西", "新疆", "青海", "宁夏", "重庆", "四川", "贵州", "云南", "西藏", "台湾", "澳门", "香港", "默认"]
 }
 // 大屏 下拉菜单
 $(
@@ -352,3 +354,30 @@ $(function () {
   })
 
 })
+// 省份
+$(function () {
+  function province (data) {
+    let str = ``;
+    data.forEach(item => str += `<li>${item}</li>`);
+    str = `<ul >${str}</ul>`;
+    return str
+  }
+  // 底部弹出框
+  let lis = $("[data-province='true']").append(province(globaldata.province)).find("li");
+  Array.prototype.slice.call(lis).forEach(item => {
+    $(item).click(function () {
+      let text = $(this).text();
+      if (text == "默认") {
+        $(".my-province div[data-province='true']").hide();
+        return false;
+      }
+      alert("跳转：" + $(this).text())
+    })
+  })
+
+  function province_show () {
+    $(".my-province div[data-province='true']").show().unbind("mouseleave").mouseleave(function () { $(this).hide() });
+  }
+  $(".my-province>span").click(province_show);
+  $(".my-province>i").click(province_show);
+})

js/exam_list.js

@@ -1,6 +1,6 @@
 $(function () {
   const globaldata = {
-    active: 0
+    active: 0,
   }
   $(".my-nav").click(function (e) {
     console.log()
@@ -50,7 +50,4 @@ $(function () {
       }, 2000)
     })
   }
-  let str = `heml`;
-  // 底部弹出框
-  $("[data-toggle='popover']").data("html", "123").popover({ html: true });
 })