20210812 15:31

.vscode/settings.json

@@ -1,3 +1,3 @@
 {
-  "liveServer.settings.port": 5501
+  "liveServer.settings.port": 5500
 }

css/components.css

@@ -77,14 +77,6 @@ body::-webkit-scrollbar {
   /*高宽分别对应横竖滚动条的尺寸*/
   height: 10px;
 }
-@media screen and (max-width: 750px) {
-  body::-webkit-scrollbar {
-    /*滚动条整体样式*/
-    width: 10px;
-    /*高宽分别对应横竖滚动条的尺寸*/
-    height: 10px;
-  }
-}
 body::-webkit-scrollbar-thumb {
   /*滚动条里面小方块*/
   border-radius: 10px;
@@ -127,7 +119,7 @@ body::-webkit-scrollbar-track {
 .header .ha-item .button {
   display: none;
 }
-@media screen and (max-width: 750px) {
+@media screen and (max-width: 768px) {
   .header .ha-item .button {
     display: block;
   }
@@ -145,7 +137,7 @@ body::-webkit-scrollbar-track {
   height: 100%;
   text-align: center;
 }
-@media screen and (max-width: 750px) {
+@media screen and (max-width: 768px) {
   .header .ha-item .app {
     display: none;
   }
@@ -162,7 +154,7 @@ body::-webkit-scrollbar-track {
   justify-content: flex-start;
   align-content: center;
 }
-@media screen and (max-width: 750px) {
+@media screen and (max-width: 768px) {
   .header .hb-item .nav {
     display: none;
   }
@@ -286,6 +278,97 @@ body::-webkit-scrollbar-track {
   padding: 10px 15px 15px;
   margin: 141px 20px 20px;
 }
+.body .my-loading {
+  text-align: center ;
+  color: #999;
+  display: none;
+}
+.body .my-read {
+  margin-top: 20px;
+  text-align: center;
+}
+.body .my-read .good {
+  border-radius: 5px;
+  border: 1px solid #e6e6e6;
+  display: inline-block;
+  padding: 5px 30px;
+  margin-bottom: 10px;
+}
+.body .my-articles ul {
+  width: 100%;
+  border-top: 1px solid #e6e6e6;
+  padding: 10px 20px;
+  list-style: square;
+  color: #777;
+  overflow: hidden;
+}
+.body .my-articles ul li {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 100%;
+  padding: 5px 0px;
+}
+.body .my-comment .h5 {
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+}
+.body .my-comment .remind {
+  text-align: center;
+  background-color: #e6e6e6;
+  padding: 5px;
+  border-radius: 5px;
+  margin: 10px 0px;
+}
+.body .my-comment .comment {
+  border-top: 1px solid #e6e6e6;
+  padding-top: 10px;
+}
+.body .my-comment .comment .nocomment,
+.body .my-comment .comment .loading,
+.body .my-comment .comment .nodata {
+  display: none;
+  text-align: center;
+  margin: 10px;
+}
+.body .my-comment .comment .nocomment {
+  display: block;
+  padding-bottom: 10px;
+}
+.body .my-comment .comment .nocomment:hover {
+  color: #2382ff;
+}
+.body .my-comment .comment .user {
+  width: 100%;
+  padding: 20px 0;
+  border-bottom: 1px solid #e6e6e6;
+  display: grid;
+  grid-template-columns: 10% 90%;
+}
+.body .my-comment .comment .user .u-img {
+  width: 100%;
+  text-align: center;
+}
+.body .my-comment .comment .user .u-img .img {
+  width: 100%;
+  max-width: 64px;
+}
+.body .my-comment .comment .user .u-content {
+  margin-left: 10px;
+  text-align: justify;
+}
+.body .my-comment .comment .user .u-content .u-name {
+  font-size: 16px;
+}
+.body .my-comment .comment .user .u-content .u-detail {
+  padding: 5px 0px;
+}
+.body .my-comment .comment .user .u-content .u-flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
 @media screen and (max-width: 768px) {
   .body {
     padding: 0px;
@@ -389,10 +472,8 @@ body::-webkit-scrollbar-track {
   position: absolute;
   padding: 5px;
   border-radius: 5px;
-  width: 100px;
-  height: 100px;
-  line-height: 92px;
-  left: calc(50vw - 50px);
+  width: 200px;
+  left: calc(50vw - 100px);
   top: 30vh;
 }
 #download {

css/components.less

@@ -91,6 +91,7 @@ textarea{
 body {
   height: 100vh;
   overflow-y: scroll;
+
   // 通用a标签
   a{
   text-decoration: none;
@@ -107,14 +108,6 @@ body {
     height: 10px;
   }
 
-  @media screen and (max-width:750px) {
-    &::-webkit-scrollbar {
-      /*滚动条整体样式*/
-      width: 10px;
-      /*高宽分别对应横竖滚动条的尺寸*/
-      height: 10px;
-    }
-  }
 
   &::-webkit-scrollbar-thumb {
     /*滚动条里面小方块*/
@@ -166,7 +159,7 @@ body {
 
     .button {
       display: none;
-      @media screen and (max-width:750px) {
+      @media screen and (max-width:768px) {
         & {
           display: block;
         }
@@ -187,7 +180,7 @@ body {
       height: 100%;
       text-align: center;
 
-      @media screen and (max-width:750px) {
+      @media screen and (max-width:768px) {
         & {
           display: none;
         }
@@ -212,7 +205,7 @@ body {
       justify-content: flex-start;
       align-content: center;
 
-      @media screen and (max-width:750px) {
+      @media screen and (max-width:768px) {
         & {
           display: none;
         }
@@ -368,6 +361,121 @@ body {
   position: relative;
   padding: 10px 15px 15px;
   margin: 141px 20px 20px;
+  
+    //  自定义样式类
+    // 加载
+    .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-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;
+      }
+
+      .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;
+          margin: 10px;
+        }
+
+        .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%;
+
+          .u-img {
+            width: 100%;
+            text-align: center;
+
+            .img {
+              width: 100%;
+              max-width: 64px;
+            }
+          }
+
+          .u-content {
+            margin-left: 10px;
+            text-align: justify;
+
+            .u-name {
+              font-size: 16px;
+            }
+
+            .u-detail {
+              padding: 5px 0px;
+            }
+
+            .u-flex {
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+            }
+          }
+        }
+      }
+    }
 
   @media screen and (max-width:768px) {
     & {
@@ -491,10 +599,9 @@ body {
     position: absolute;
     padding: 5px;
     border-radius: 5px;
-    width: 100px;height: 100px;
-    line-height: 92px;
+    width: 200px;
     // box-shadow: 0px 0px 5px #fff;
-    left: calc(~"50vw - 50px");
+    left: calc(~"50vw - 100px");
     top: 30vh;
   }
  }

css/news/new1.css

@@ -0,0 +1,98 @@
+.new1 .body {
+  margin-top: 90px;
+}
+.new1 .body .color {
+  color: #2382ff;
+}
+.new1 .body h3 {
+  margin-top: 0;
+}
+.new1 .body #content {
+  text-align: justify;
+}
+.new1 .body #content p {
+  text-indent: 30px;
+}
+.new1 .body #content > p:last-child {
+  padding: 10px 0px;
+}
+.new1 .body #comment .h5 {
+  display: flex;
+  justify-content: space-between;
+  align-content: center;
+}
+.new1 .body #comment .remind {
+  text-align: center;
+  background-color: #e6e6e6;
+  padding: 5px;
+  border-radius: 5px;
+  margin: 10px 0px;
+}
+.new1 .body #comment .comment {
+  border-top: 1px solid #e6e6e6;
+  padding-top: 10px;
+}
+.new1 .body #comment .comment .nocomment,
+.new1 .body #comment .comment .loading,
+.new1 .body #comment .comment .nodata {
+  display: none;
+  text-align: center;
+  margin: 10px;
+}
+.new1 .body #comment .comment .nocomment {
+  display: block;
+  padding-bottom: 10px;
+}
+.new1 .body #comment .comment .nocomment:hover {
+  color: #2382ff;
+}
+.new1 .body #comment .comment .user {
+  width: 100%;
+  padding: 20px 0;
+  border-bottom: 1px solid #e6e6e6;
+  display: grid;
+  grid-template-columns: 10% 90%;
+}
+.new1 .body #comment .comment .user .u-img {
+  width: 100%;
+  text-align: center;
+}
+.new1 .body #comment .comment .user .u-img .img {
+  width: 100%;
+  max-width: 64px;
+}
+.new1 .body #comment .comment .user .u-content {
+  margin-left: 10px;
+  text-align: justify;
+}
+.new1 .body #comment .comment .user .u-content .u-name {
+  font-size: 16px;
+}
+.new1 .body #comment .comment .user .u-content .u-detail {
+  padding: 5px 0px;
+}
+.new1 .body #comment .comment .user .u-content .u-flex {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.new1 #toast #report {
+  display: none;
+  text-align: start;
+}
+.new1 #toast #report ul {
+  list-style: none;
+  padding: 0;
+}
+.new1 #toast #report ul li {
+  padding: 5px;
+  border-bottom: 1px solid #e6e6e6;
+}
+.new1 #toast #ping {
+  display: none;
+}
+.new1 #toast #ping .alert {
+  display: none;
+  padding: 5px;
+  margin-bottom: 5px;
+}

css/news/new2.css

@@ -0,0 +1,67 @@
+
+.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 .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;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+@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;
+}

css/news/new3.css

@@ -0,0 +1,52 @@
+
+.new3 .body {
+  padding: 0 5px;
+  margin-top: 90px;
+}
+.new3 .body h4 {
+  font-weight: 500;
+}
+.new3 .body .title {
+  color: #777;
+  margin: 5px 0;
+}
+.new3 .body .list .list-flex {
+  margin: 10px  0;
+  display: flex;
+  justify-content: flex-start;
+  align-items: center;
+}
+.new3 .body .list .list-flex .list-item {
+  border-radius: 5px;
+  flex: 1;
+  padding: 10px;
+  margin-right: 20px;
+  box-shadow: 0 0 5px #d6d6d6;
+}
+.new3 .body .list .list-flex .list-item:hover {
+  cursor: pointer;
+}
+@media screen and (max-width: 768px) {
+  .new3 .body .list .list-flex .list-item {
+    margin-right: 5px;
+  }
+}
+.new3 .body .list .list-flex .list-item h4 {
+  font-weight: 600;
+}
+.new3 .body .list .list-flex .list-item .p {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+.new3 .body .list .list-flex .list-item .p a:hover {
+  color: #777;
+}
+.new3 .body .list .list-flex > .list-item:last-child {
+  margin: 0 0 0 20px;
+}
+@media screen and (max-width: 768px) {
+  .new3 .body .list .list-flex > .list-item:last-child {
+    margin: 0 0 0 5px;
+  }
+}

css/page1.css

@@ -1,124 +0,0 @@
-.body {
-  margin-top: 90px;
-}
-.body .color {
-  color: #2382ff;
-}
-.body h3 {
-  margin-top: 0;
-}
-.body #content {
-  text-align: justify;
-}
-.body #content p {
-  text-indent: 30px;
-}
-.body #content > p:last-child {
-  padding: 10px 0px;
-}
-.body #read {
-  margin-top: 20px;
-  text-align: center;
-}
-.body #read .good {
-  border-radius: 5px;
-  border: 1px solid #e6e6e6;
-  display: inline-block;
-  padding: 5px 30px;
-  margin-bottom: 10px;
-}
-.body .articles ul {
-  width: 100%;
-  border-top: 1px solid #e6e6e6;
-  padding: 10px 20px;
-  list-style: square;
-  color: #777;
-  overflow: hidden;
-}
-.body .articles ul li {
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  width: 100%;
-  padding: 5px 0px;
-}
-.body #comment .h5 {
-  display: flex;
-  justify-content: space-between;
-  align-content: center;
-}
-.body #comment .remind {
-  text-align: center;
-  background-color: #e6e6e6;
-  padding: 5px;
-  border-radius: 5px;
-  margin: 10px 0px;
-}
-.body #comment .comment {
-  border-top: 1px solid #e6e6e6;
-  padding-top: 10px;
-}
-.body #comment .comment .nocomment,
-.body #comment .comment .loading,
-.body #comment .comment .nodata {
-  display: none;
-  text-align: center;
-  margin: 10px;
-}
-.body #comment .comment .nocomment {
-  display: block;
-  padding-bottom: 10px;
-}
-.body #comment .comment .nocomment:hover {
-  color: #2382ff;
-}
-.body #comment .comment .user {
-  width: 100%;
-  padding: 20px 0;
-  border-bottom: 1px solid #e6e6e6;
-  display: grid;
-  grid-template-columns: 10%  90%;
-}
-.body #comment .comment .user .u-img {
-  width: 100%;
-  text-align: center;
-}
-.body #comment .comment .user .u-img .img {
-  width: 100%;
-  max-width: 64px;
-}
-.body #comment .comment .user .u-content {
-  margin-left: 10px;
-  text-align: justify;
-}
-.body #comment .comment .user .u-content .u-name {
-  font-size: 16px;
-}
-.body #comment .comment .user .u-content .u-detail {
-  padding: 5px  0px;
-}
-.body #comment .comment .user .u-content .u-flex {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-}
-#toast #report {
-  display: none;
-  text-align: start;
-}
-#toast #report ul {
-  list-style: none;
-  padding: 0;
-}
-#toast #report ul li {
-  padding: 5px;
-  border-bottom: 1px solid #e6e6e6;
-}
-#toast #ping {
-  display: none;
-}
-#toast #ping .alert {
-  display: none;
-  padding: 5px;
-  margin-bottom: 5px;
-}

css/page1.less

@@ -1,126 +0,0 @@
-@body-bg:#2382ff;
-
-.body{
-  margin-top: 90px;
-  .color{
-    color: @body-bg;
-  }
-  h3{
-    margin-top: 0;
-  }
-  #content{
-    text-align: justify;
-    p{
-      text-indent: 30px;
-    }
-    &>p:last-child{
-        padding: 10px 0px;
-    }
-  }
-  #read{
-    margin-top: 20px;
-    text-align: center;
-    .good{
-      border-radius:5px;
-      border:  1px solid #e6e6e6;
-      display: inline-block;
-      padding: 5px 30px;
-      margin-bottom: 10px;
-    }
-  }
-  .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;
-      }
-    }
-  }
-  #comment{
-    .h5{
-      display: flex;justify-content: space-between;align-content: center;
-    }
-    .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;
-        margin: 10px;
-      }
-      .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%;
-        .u-img{
-         width: 100%;
-         text-align: center;
-         .img{
-           width: 100%;
-           max-width: 64px;
-         }
-        }
-        .u-content{
-          margin-left: 10px;
-         text-align: justify;
-         .u-name{
-           font-size: 16px;
-         }
-         .u-detail{
-           padding: 5px  0px;
-         }
-         
-        .u-flex{display: flex;justify-content: space-between;align-items: center;
-        }
-        }
-      }
-    }
-  }
-}
-
-// 交互板
-#toast{
-  #report{
-    display: none;
-    text-align: start;
-    ul{list-style: none;padding: 0;
-      li{
-        padding: 5px;
-        border-bottom: 1px solid #e6e6e6;
-       }
-    }
-  }
-  #ping{
-    display: none;
-    .alert{
-      display: none;
-      padding: 5px;margin-bottom: 5px;
-    }
-  }
-}
-

news/page1.html → h_news/new1.html

@@ -7,15 +7,14 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>文章</title>
   <script src="../js/jquery.js"></script>
-  <script src="../js/bootstrap.min.js"></script>
-  <link rel="stylesheet" href="../css/bootstrap.min.css">
+  <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/page1.css">
+  <link rel="stylesheet" href="../css/news/new1.css">
   <script src="../js/components.js"></script>
-  <script src="../js/page1.js"></script>
 </head>
 
-<body>
+<body class="new1">
   <!-- 通用头部 -->
   <div class="header">
     <div class="container">
@@ -26,9 +25,8 @@
           <span>大联考</span>
         </div>
         <div class="app pull-right">
-          <a href="http://www.gaokaozhitongche.com/" target="_blank" draggable="false">
-            <img src="https://app.gaokaozhitongche.com/static/img/pc/app_download_qrcode.png" alt=""
-              draggable="false"><br>
+          <a href="http://down.gaokaoapp.net" draggable="false">
+            <img src="../imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
         </div>
@@ -53,13 +51,13 @@
             <p style="text-align: end;">记者 速记 编辑 扁鹊 校对 亮相零</p>
           </div>
           <!-- 点赞 阅读数 -->
-          <div id="read">
+          <div id="read" class="my-read">
             <div class="good"><i data-good="false" style="margin-right: 5px;"
                 class="glyphicon glyphicon-thumbs-up"></i><span>29</span></div>
             <div class="see">阅读数：5000</div>
           </div>
           <!-- 相关文章 -->
-          <div class="articles">
+          <div class="my-articles">
             <h5>相关文章</h5>
             <ul>
               <li><a target="_blank"
@@ -70,7 +68,7 @@
               <li><a target="_blank" href="">某某的文章</a></li>
             </ul>
           </div>
-          <div id="comment">
+          <div id="comment" class="my-comment">
             <div class="h5">
               <div class="left">评论区 （<span>0</span>）</div>
               <div class="right">文明上网，理性发言</div>
@@ -111,32 +109,14 @@
   </div>
   <!-- 交互板 登录 举报 发表评论 -->
   <div id="toast">
-    <div id="sgin" style="display: none;">请先登录</div>
-    <!-- 举报 -->
-    <!-- <div id="report">
-      <ul>
-        <li>
-          辱骂等不文明行为
-        </li>
-        <li>
-          涉嫌发布广告信息
-        </li>
-        <li>兜售、发布考前答案</li>
-        <li>留QQ、群、微信、微博号等</li>
-      </ul>
-    </div> -->
-    <!-- 评论 -->
-    <!-- <div id="ping">
-      <div class="alert alert-warning">警告！不能为空！</div>
-      <textarea placeholder="我来说两句...." name="" id="" cols="30" rows="10"></textarea>
-      <button type="button" class="btn btn-primary">发表</button>
-    </div> -->
+    <div class="msg" style="display: none;">查看更多内容，请点击下载APP</div>
   </div>
   <!-- 下载app -->
   <div id="download">
     <div class="left">
-      <img src="https://app.gaokaozhitongche.com/static/img/pc/app_download_qrcode.png" alt="">
-      <div class="row1">大联考</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></div>

h_news/new2.html

@@ -0,0 +1,169 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <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/news/new2.css">
+  <script src="../js/components.js"></script>
+  <script src="../js/new/new2.js"></script>
+</head>
+
+<body class="new2">
+  <!-- 通用头部 -->
+  <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>
+    </div>
+  </div>
+  <div id="body" class="container">
+    <div class="row">
+      <div class="col">
+        <div class="body">
+          <div class="list">
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+            <a target="_blank" href="https://www.baidu.com" 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>
+  </div>
+  <!-- 以下通用html -->
+  <div class="footer">
+    <p>商务合作电话：0371-86586728</p>
+    <p>豫ICP备15004940号-5</p>
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
+    <i class="glyphicon glyphicon-chevron-up"></i>
+  </div>
+  <!-- 分享功能 -->
+  <div id="share">
+    <div>分享</div>
+    <ul>
+      <li>分享到</li>
+      <li><img src="../imgs/qq.png" alt="qq">QQ</li>
+      <!-- <li><img src="./imgs/weixin.png" alt="qq">微信</li> -->
+      <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+    </ul>
+  </div>
+  <!-- 下载app -->
+  <div id="download">
+    <div class="left">
+      <img src="../imgs/app.png" alt="">
+      <div class=" row1">大联考
+      </div>
+      <div class="row2">全国中学生都在用</div>
+    </div>
+    <div class="right"><button class="btn btn-info">下载</button></div>
+  </div>
+</body>
+
+</html>

h_news/new3.html

@@ -0,0 +1,201 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>2021昭通高二期中考试</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/news/new3.css">
+  <script src="../js/components.js"></script>
+  <script src="../js/new/new3.js"></script>
+</head>
+
+<body class="new3">
+  <!-- 通用头部 -->
+  <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>
+    </div>
+  </div>
+  <div id="body" class="container">
+    <div class="row">
+      <div class="col">
+        <div class="body">
+          <h4>2021昭通高二期中考试</h4>
+          <div class="title">2021-07*13 11:19 gaokao <img
+              src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPCAYAAAA71pVKAAAAvElEQVQ4T62S0REBQRBE32UgA0K4DJxIkIEMkIEQiAQZCIEMZEA9tVO13NVZdfpzd3p6umcqBqBK3Akw/6HPAbgG+QTsfShooNACaHJyU0CMEsX+Sx4BjnVJEk6jiqiTrXt6aylvgDWgHYlHYJaKH8AWsKZz7EHKpZm9KbsivZbCTOpY1Q6YAoYh7Ky/gD79F1o7A6sgR5p+CI/AgJbZ8UTqCry2kZM/R/bixsAtNWtZ6iPHBDbpxDdyb4BPRs4uEGqrWgcAAAAASUVORK5CYII="></img>评论
+          </div>
+          <div class="list">
+            <div class="list-flex">
+              <div data-href="https://www.baidu.com" 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">
+                <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>
+            <div class="list-flex">
+              <div data-href="https://www.baidu.com" 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">
+                <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>
+            <div class="list-flex">
+              <div data-href="https://www.baidu.com" 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">
+                <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>
+            <div class="list-flex">
+              <div data-href="https://www.baidu.com" 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">
+                <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>
+            <div class="list-flex">
+              <div data-href="https://www.baidu.com" 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">
+                <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>
+          </div>
+          <p>诚实做人、诚信考试！请勿购买考试答案，避免上当受骗！</p>
+          <!-- 点赞 阅读数 -->
+          <div id="read" class="my-read">
+            <div class="good"><i data-good="false" style="margin-right: 5px;"
+                class="glyphicon glyphicon-thumbs-up"></i><span>29</span></div>
+            <div class="see">阅读数：5000</div>
+          </div>
+          <!-- 相关文章 -->
+          <div class="my-articles">
+            <h5>相关文章</h5>
+            <ul>
+              <li><a target="_blank"
+                  href="">某某的文章111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+              </li>
+              <li><a target="_blank" href="">某某的文章</a></li>
+              <li><a target="_blank" href="">某某的文章</a></li>
+              <li><a target="_blank" href="">某某的文章</a></li>
+            </ul>
+          </div>
+          <div id="comment" class="my-comment">
+            <div class="h5">
+              <div class="left">评论区 （<span>0</span>）</div>
+              <div class="right">文明上网，理性发言</div>
+            </div>
+            <div class="remind">
+              特别提醒： 发布广告，卖答案信息，一律封号处理！
+            </div>
+            <div class="comment">
+              <!-- 功能 用户图片 昵称 言论  回复功能 点赞功能 -->
+              <!-- <div class="nocomment">说说你对套卷的看法吧！</div> -->
+              <div id="detail"></div>
+              <div class="loading">正在加载中....</div>
+              <div class="nodata">到底了</div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- 以下通用html -->
+  <div class="footer">
+    <p>商务合作电话：0371-86586728</p>
+    <p>豫ICP备15004940号-5</p>
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
+    <i class="glyphicon glyphicon-chevron-up"></i>
+  </div>
+  <!-- 交互板 登录 举报 发表评论 -->
+  <div id="toast">
+    <div class="msg" style="display: none;">查看更多内容，请点击下载APP</div>
+  </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>
+    </ul>
+  </div>
+  <!-- 下载app -->
+  <div id="download">
+    <div class="left">
+      <img src="../imgs/app.png" alt="">
+      <div class=" row1">大联考
+      </div>
+      <div class="row2">全国中学生都在用</div>
+    </div>
+    <div class="right"><button class="btn btn-info">下载</button></div>
+  </div>
+</body>
+
+</html>

index.html

@@ -5,14 +5,16 @@
   <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小程序。">
   <script src="./js/jquery.js"></script>
-  <script src="./js/bootstrap.min.js"></script>
-  <link rel="stylesheet" href="./css/bootstrap.min.css">
+  <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/index.css">
   <script src="./js/components.js"></script>
   <script src="./js/index.js"></script>
-  <title>公司</title>
 </head>
 
 <body>
@@ -26,9 +28,8 @@
           <span>大联考</span>
         </div>
         <div class="app pull-right">
-          <a href="http://www.gaokaozhitongche.com/" target="_blank" draggable="false">
-            <img src="https://app.gaokaozhitongche.com/static/img/pc/app_download_qrcode.png" alt=""
-              draggable="false"><br>
+          <a href="http://down.gaokaoapp.net" draggable="false">
+            <img src="./imgs/app_dowload.png" alt="" draggable="false"><br>
             <span>大联考App下载</span>
           </a>
         </div>
@@ -499,7 +500,7 @@
   <!-- 下载app -->
   <div id="download">
     <div class="left">
-      <img src="https://app.gaokaozhitongche.com/static/img/pc/app_download_qrcode.png" alt="">
+      <img src="./imgs/app.png" alt="">
       <div class="row1">大联考</div>
       <div class="row2">全国中学生都在用</div>
     </div>

js/components.js

@@ -221,4 +221,134 @@ $(function () {
       $(e).removeClass("show")
     })
   })
+})
+// 下载app 
+$(function () {
+  $("#download button").click(
+    function () {
+      window.location.href = "http://down.gaokaoapp.net";
+    }
+  )
+})
+// 评论区 点赞
+$(function () {
+  const globaldata = {
+    // 用户是否登录
+    user: false,
+    // 登录弹框
+    sgin () {
+      $("#toast").addClass("show").find(".msg").addClass("show").unbind("click").click(function () {
+        window.location.href = "http://down.gaokaoapp.net"
+      });
+    }
+  }
+  // 显示区高度
+  let ch = document.documentElement.clientHeight || document.body.clientHeight;
+  // 实现评论区加载
+  let lock = false;
+  $(window).scroll(function () {
+    if (lock) return false;
+    // 滑动区高度
+    let sh = document.documentElement.scrollHeight || document.body.scrollHeight;
+    // 滑动位置
+    let st = document.documentElement.scrollTop || document.body.scrollTop;
+    let c = sh * 1 - ch * 1 - st * 1;
+    if (c == 0) {
+      lock = true;
+      $(".comment>.loading").addClass("show")
+      setTimeout(function (
+      ) {
+        $(".comment>.loading").removeClass("show");
+        data().then(res => {
+          if (res) {
+            $(".comment>.nodata").addClass("show");
+          }
+          lock = res;
+        });
+      }, 2000)
+    }
+  })
+  // 阅读量问题
+
+  // 评论区
+  function data () {
+    // 请求 根据请求改变内容 唯一标识 data-userid="1" data-good="false"
+    let com = `<div class="user" data-good="false" data-userid="1" >
+    <div class="u-img"><img src="../imgs/qq.png" alt="" class="img"></div>
+    <div class="u-content">
+      <div class="u-flex">
+        <div class="u-name">QQ官方</div>
+        <div class="u-fabulous" data-gods="1"><span>0</span><i data-gods="1" style="margin-left:5px" class="glyphicon glyphicon-thumbs-up"></i></div>
+      </div>
+      <div class="u-detail">
+        对此，广东警官学院表示，其普通高等教育(全日制)招生工作严格执行教育部的“阳光高考”规定和工作程序，不以任何形式承诺录取，不因任何理由降低标准录取。学校从未委托任何个人、中介组织或招生机构开展提前招生、高职扩招等宣
+      </div>
+      <div class="u-flex">
+        <div class="u-date">2020-12-15</div>
+        <div data-gods="2"  class="u-report">举报</div>
+      </div>
+    </div>
+  </div>`;
+    return new Promise(resolve => {
+      $("#detail").append(com);
+      //评论点赞 登录状态 请求
+      let lists = $("#detail>.user");
+      // 模拟无信息加载情况
+      if (lists.length == 10) {
+        resolve(true)
+      }
+      for (let i = 0; i < lists.length; i++) {
+        $(lists[i]).unbind("click");
+        $(lists[i]).click(function (e) {
+          if (!globaldata.user) {
+            globaldata.sgin();
+            return false
+          }
+          let userid = $(this).data("userid");
+          let lock = $(this).data("good");
+          let gods = e.target.dataset.gods;
+          if (gods == 1) {
+            let $i = $(this).find("i");
+            let $span = $(this).find("span");
+            let num = $span.text();
+            if (!lock) {
+              $i.addClass("color");
+              $(this).data("good", true);
+              $span.text(num * 1 + 1);
+            } else {
+              $i.removeClass("color");
+              $(this).data("good", false);
+              $span.text(num * 1 - 1);
+            }
+            return false;
+          }
+          if (gods == 2) {
+            $("#toast").addClass("show").find("#report").addClass("show").data("userid", userid);
+          }
+        })
+      }
+      resolve(false);
+    })
+  }
+  // 阅读点赞 登录状态 请求
+  $("#read>.good").click(function () {
+    if (!globaldata.user) {
+      globaldata.sgin();
+      return false
+    }
+    let $i = $(this).find("i");
+    let $span = $(this).find("span");
+    let num = $span.text();
+    let lock = $i.data("good");
+    if (!lock) {
+      $i.addClass("color");
+      $i.data("good", true);
+      $span.text(num * 1 + 1);
+    } else {
+      $i.removeClass("color");
+      $i.data("good", false);
+      $span.text(num * 1 - 1);
+    }
+  })
+
 })

js/new/new2.js

@@ -0,0 +1,37 @@
+$(function () {
+  // 显示区高度
+  let ch = document.documentElement.clientHeight || document.body.clientHeight;
+  let lock = false;
+  $(window).scroll(function () {
+    if (lock) return false;
+    // 滑动区高度
+    let sh = document.documentElement.scrollHeight || document.body.scrollHeight;
+    // 滑动位置
+    let st = document.documentElement.scrollTop || document.body.scrollTop;
+    let c = sh * 1 - ch * 1 - st * 1;
+    if (c == 0) {
+      lock = true;
+      $(".my-loading").show();
+      data().then(res => { lock = res; $(".my-loading").hide(); })
+    }
+  })
+  // 加载数据
+  function data () {
+    let str = `<a target="_blank" href="https://www.baidu.com" class="list-item">
+    <div class="item-img">
+      <img src="https://imgs.app.gaokaozhitongche.com/uploads/img/2021/0809/1628514522805675.png!cover2"
+        alt="">
+    </div>
+    <div class="item-detail">
+      <div class="title">广东省警察学院：从未委托任何个人或机构进行招生宣传;广东省警察学院：从未委托任何个人或机构进行招生宣传</div>
+      <div class="time">高考动态<span>2021-04-21</span></div>
+    </div>
+  </a>`
+    return new Promise(resolve => {
+      setTimeout(() => {
+        $(".list").append(str);
+        resolve(false)
+      }, 2000)
+    })
+  }
+})

js/page1.js

@@ -1,121 +0,0 @@
-$(function () {
-  const globaldata = {
-    // 用户是否登录
-    user: false,
-    // 登录弹框
-    sgin () {
-      $("#toast").addClass("show").find("#sgin").addClass("show").unbind("click").click(function () {
-        window.location.href = "https://www.baidu.com"
-      });
-    }
-  }
-  // 显示区高度
-  let ch = document.documentElement.clientHeight || document.body.clientHeight;
-  // 实现评论区加载
-  let lock = false;
-  $(window).scroll(function () {
-    if (lock) return false;
-    // 滑动区高度
-    let sh = document.documentElement.scrollHeight || document.body.scrollHeight;
-    // 滑动位置
-    let st = document.documentElement.scrollTop || document.body.scrollTop;
-    let c = sh * 1 - ch * 1 - st * 1;
-    if (c == 0) {
-      lock = true;
-      $(".comment>.loading").addClass("show")
-      setTimeout(function (
-      ) {
-        $(".comment>.loading").removeClass("show");
-        data().then(res => {
-          if (res) {
-            $(".comment>.nodata").addClass("show");
-          }
-          lock = res;
-        });
-      }, 2000)
-    }
-  })
-  // 阅读量问题
-
-  // 评论区
-  function data () {
-    // 请求 根据请求改变内容 唯一标识 data-userid="1" data-good="false"
-    let com = `<div class="user" data-good="false" data-userid="1" >
-    <div class="u-img"><img src="../imgs/qq.png" alt="" class="img"></div>
-    <div class="u-content">
-      <div class="u-flex">
-        <div class="u-name">QQ官方</div>
-        <div class="u-fabulous" data-gods="1"><span>0</span><i data-gods="1" style="margin-left:5px" class="glyphicon glyphicon-thumbs-up"></i></div>
-      </div>
-      <div class="u-detail">
-        对此，广东警官学院表示，其普通高等教育(全日制)招生工作严格执行教育部的“阳光高考”规定和工作程序，不以任何形式承诺录取，不因任何理由降低标准录取。学校从未委托任何个人、中介组织或招生机构开展提前招生、高职扩招等宣
-      </div>
-      <div class="u-flex">
-        <div class="u-date">2020-12-15</div>
-        <div data-gods="2"  class="u-report">举报</div>
-      </div>
-    </div>
-  </div>`;
-    return new Promise(resolve => {
-      $("#detail").append(com);
-      //评论点赞 登录状态 请求
-      let lists = $("#detail>.user");
-      // 模拟无信息加载情况
-      if (lists.length == 10) {
-        resolve(true)
-      }
-      for (let i = 0; i < lists.length; i++) {
-        $(lists[i]).unbind("click");
-        $(lists[i]).click(function (e) {
-          if (!globaldata.user) {
-            globaldata.sgin();
-            return false
-          }
-          let userid = $(this).data("userid");
-          let lock = $(this).data("good");
-          let gods = e.target.dataset.gods;
-          if (gods == 1) {
-            let $i = $(this).find("i");
-            let $span = $(this).find("span");
-            let num = $span.text();
-            if (!lock) {
-              $i.addClass("color");
-              $(this).data("good", true);
-              $span.text(num * 1 + 1);
-            } else {
-              $i.removeClass("color");
-              $(this).data("good", false);
-              $span.text(num * 1 - 1);
-            }
-            return false;
-          }
-          if (gods == 2) {
-            $("#toast").addClass("show").find("#report").addClass("show").data("userid", userid);
-          }
-        })
-      }
-      resolve(false);
-    })
-  }
-  // 阅读点赞 登录状态 请求
-  $("#read>.good").click(function () {
-    if (!globaldata.user) {
-      globaldata.sgin();
-      return false
-    }
-    let $i = $(this).find("i");
-    let $span = $(this).find("span");
-    let num = $span.text();
-    let lock = $i.data("good");
-    if (!lock) {
-      $i.addClass("color");
-      $i.data("good", true);
-      $span.text(num * 1 + 1);
-    } else {
-      $i.removeClass("color");
-      $i.data("good", false);
-      $span.text(num * 1 - 1);
-    }
-  })
-
-})

jsonp.html

@@ -1,69 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>Document</title>
-  <script src="./js/jquery.js"></script>
-</head>
-
-<body>
-  <script>
-    // $.ajax({
-    //   url: 'http://127.0.0.1:9000/jsonpb',
-    //   dataType: "jsonp",
-    //   jsonp: "successCallback",
-    //   jsonpCallback: 'successCallback',
-    //   success (res) {
-    //     console.log(res)
-    //   }
-    // });
-
-    // function successCallback (data) {
-    //   console.log("更改名称", data)
-    // }
-
-
-    $(function () {
-      // post
-      let url = 'https://ip.taobao.com/outGetIpInfo';
-      url = "http://127.0.0.1:9000/jsonp";
-      // cor阻止的
-      // $.ajax({
-      //   url,
-      //   type: "get",
-      //   success: function (res) {
-      //     console.log(res)
-      //   }
-      // });
-      // 跨域的
-      $.ajax({
-        url,
-        type: "get",
-        dataType: "jsonp", //指定服务器返回的数据类型
-        // jsonpCallback: "showData",
-        success: function (res) {
-          console.log("jsonp的callback: ", res)
-        }
-      });
-      // 跨域的
-      // $.ajax({
-      //   url: "http://127.0.0.1:9000/jsonpa",
-      //   type: "get",
-      //   dataType: "jsonp", //指定服务器返回的数据类型
-      //   // jsonpCallback: "showData",
-      //   success: function (res) {
-      //     console.log("jsonpa", res)
-      //   }
-      // });
-
-    })
-
-
-
-  </script>
-</body>
-
-</html>