Browse Source

index 轮播

邪性 3 years ago
parent
commit
d6f69ef4ea
10 changed files with 835 additions and 655 deletions
  1. 194 33
      .idea/workspace.xml
  2. 11 1
      css/components.css
  3. 11 3
      css/components.less
  4. 5 4
      h_exam/exam_detail.html
  5. 5 4
      h_exam/exam_detail_img.html
  6. 5 4
      h_exam/exam_list.html
  7. 97 96
      h_news/news_detail.html
  8. 72 71
      h_news/news_list.html
  9. 415 432
      index.html
  10. 20 7
      js/components.js

+ 194 - 33
.idea/workspace.xml

@@ -2,10 +2,7 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="82570a17-8430-4238-ae79-81bbbd2de81f" name="Default Changelist" comment="index 轮播">
-      <change afterPath="$PROJECT_DIR$/.gitignore" afterDir="false" />
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/imgs/bg.png" beforeDir="false" afterPath="$PROJECT_DIR$/imgs/bg.png" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/xgk/xgk.html" beforeDir="false" afterPath="$PROJECT_DIR$/xgk/xgk.html" afterDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -92,44 +89,69 @@
   <component name="FileEditorManager">
     <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/index.html">
+        <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="3213">
-              <caret line="119" column="56" selection-start-line="119" selection-start-column="56" selection-end-line="119" selection-end-column="56" />
+            <state relative-caret-position="99">
+              <caret line="3" column="6" selection-start-line="3" selection-start-column="6" selection-end-line="3" selection-end-column="6" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
+        <entry file="file://$PROJECT_DIR$/index.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="207">
-              <caret line="28" column="19" lean-forward="true" selection-start-line="28" selection-start-column="19" selection-end-line="28" selection-end-column="19" />
+            <state relative-caret-position="330">
+              <caret line="10" column="12" lean-forward="true" selection-start-line="10" selection-start-column="12" selection-end-line="10" selection-end-column="12" />
+              <folding>
+                <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#a#1;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+              </folding>
             </state>
           </provider>
         </entry>
       </file>
+      <file pinned="false" current-in-tab="true">
+        <entry file="file://$PROJECT_DIR$/imgs/favicon.ico">
+          <provider selected="true" editor-type-id="images" />
+        </entry>
+      </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
+        <entry file="file://$PROJECT_DIR$/h_news/news_list.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="280">
-              <caret line="58" column="45" lean-forward="true" selection-start-line="58" selection-start-column="45" selection-end-line="58" selection-end-column="45" />
+            <state relative-caret-position="242">
+              <caret line="9" column="77" selection-start-line="9" selection-start-column="77" selection-end-line="9" selection-end-column="77" />
             </state>
           </provider>
         </entry>
       </file>
-      <file pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/.gitignore">
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="27">
-              <caret line="1" lean-forward="true" selection-start-line="1" selection-end-line="1" />
+            <state relative-caret-position="176">
+              <caret line="6" column="74" selection-start-line="6" selection-start-column="74" selection-end-line="6" selection-end-column="74" />
             </state>
           </provider>
         </entry>
       </file>
       <file pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/imgs/app.png">
-          <provider selected="true" editor-type-id="images" />
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_detail.html">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_detail_img.html">
+          <provider selected="true" editor-type-id="text-editor" />
+        </entry>
+      </file>
+      <file pinned="false" current-in-tab="false">
+        <entry file="file://$PROJECT_DIR$/h_exam/exam_list.html">
+          <provider selected="true" editor-type-id="text-editor">
+            <state relative-caret-position="429">
+              <caret line="13" column="18" selection-start-line="13" selection-start-column="18" selection-end-line="13" selection-end-column="18" />
+            </state>
+          </provider>
         </entry>
       </file>
     </leaf>
@@ -176,10 +198,11 @@
     <detection-done>true</detection-done>
     <sorting>DEFINITION_ORDER</sorting>
   </component>
-  <component name="ProjectFrameBounds" extendedState="6">
-    <option name="x" value="-7" />
+  <component name="ProjectFrameBounds">
+    <option name="x" value="-92" />
+    <option name="y" value="131" />
     <option name="width" value="1933" />
-    <option name="height" value="1047" />
+    <option name="height" value="1046" />
   </component>
   <component name="ProjectLevelVcsManager" settingsEditedManually="true" />
   <component name="ProjectView">
@@ -191,8 +214,28 @@
         <subPane>
           <expand>
             <path>
-              <item name="examwin_web" type="b2602c69:ProjectViewProjectNode" />
-              <item name="examwin_web" type="462c0819:PsiDirectoryNode" />
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="h_exam" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="h_news" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="imgs" type="462c0819:PsiDirectoryNode" />
+            </path>
+            <path>
+              <item name="gs_try" type="b2602c69:ProjectViewProjectNode" />
+              <item name="gs_try" type="462c0819:PsiDirectoryNode" />
+              <item name="xgk" type="462c0819:PsiDirectoryNode" />
             </path>
           </expand>
           <select />
@@ -216,6 +259,118 @@
       <recent name="E:\examwin\examwin_web\ngk" />
     </key>
   </component>
+  <component name="RestoreUpdateTree" date="Moments ago" ActionInfo="_Update">
+    <UpdatedFiles>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Updated from server" />
+        <option name="myStatusName" value="Changed on server" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="CHANGED_ON_SERVER" />
+        <FILE-GROUP>
+          <option name="myUpdateName" value="Updated" />
+          <option name="myStatusName" value="Changed" />
+          <option name="mySupportsDeletion" value="false" />
+          <option name="myCanBeAbsent" value="false" />
+          <option name="myId" value="UPDATED" />
+          <PATH vcs="Git" revision="">$PROJECT_DIR$/.idea/workspace.xml</PATH>
+          <PATH vcs="Git" revision="">$PROJECT_DIR$/xgk/xgk.html</PATH>
+        </FILE-GROUP>
+        <FILE-GROUP>
+          <option name="myUpdateName" value="Created" />
+          <option name="myStatusName" value="Created" />
+          <option name="mySupportsDeletion" value="false" />
+          <option name="myCanBeAbsent" value="false" />
+          <option name="myId" value="CREATED" />
+          <PATH vcs="Git" revision="">$PROJECT_DIR$/.gitignore</PATH>
+        </FILE-GROUP>
+        <FILE-GROUP>
+          <option name="myUpdateName" value="Deleted" />
+          <option name="myStatusName" value="Deleted" />
+          <option name="mySupportsDeletion" value="false" />
+          <option name="myCanBeAbsent" value="true" />
+          <option name="myId" value="REMOVED_FROM_REPOSITORY" />
+        </FILE-GROUP>
+        <FILE-GROUP>
+          <option name="myUpdateName" value="Restored" />
+          <option name="myStatusName" value="Will be restored" />
+          <option name="mySupportsDeletion" value="false" />
+          <option name="myCanBeAbsent" value="false" />
+          <option name="myId" value="RESTORED" />
+        </FILE-GROUP>
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Modified" />
+        <option name="myStatusName" value="Modified" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="MODIFIED" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Skipped" />
+        <option name="myStatusName" value="Skipped" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="SKIPPED" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Merged with conflicts" />
+        <option name="myStatusName" value="Will be merged with conflicts" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="MERGED_WITH_CONFLICTS" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Merged with tree conflicts" />
+        <option name="myStatusName" value="Merged with tree conflicts" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="MERGED_WITH_TREE_CONFLICT" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Merged with property conflicts" />
+        <option name="myStatusName" value="Will be merged with property conflicts" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="MERGED_WITH_PROPERTY_CONFLICT" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Merged" />
+        <option name="myStatusName" value="Will be merged" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="MERGED" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Not in repository" />
+        <option name="myStatusName" value="Not in repository" />
+        <option name="mySupportsDeletion" value="true" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="UNKNOWN" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Locally added" />
+        <option name="myStatusName" value="Locally added" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="LOCALLY_ADDED" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Locally removed" />
+        <option name="myStatusName" value="Locally removed" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="LOCALLY_REMOVED" />
+      </FILE-GROUP>
+      <FILE-GROUP>
+        <option name="myUpdateName" value="Switched" />
+        <option name="myStatusName" value="Switched" />
+        <option name="mySupportsDeletion" value="false" />
+        <option name="myCanBeAbsent" value="false" />
+        <option name="myId" value="SWITCHED" />
+      </FILE-GROUP>
+    </UpdatedFiles>
+  </component>
   <component name="RunDashboard">
     <option name="ruleStates">
       <list>
@@ -299,10 +454,10 @@
     <servers />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-8" y="-8" width="1936" height="1056" extended-state="6" />
+    <frame x="-61" y="58" width="1933" height="1046" extended-state="1" />
     <editor active="true" />
     <layout>
-      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.13486141" />
+      <window_info active="true" content_ui="combo" id="Project" order="0" visible="true" weight="0.15750134" />
       <window_info id="Structure" order="1" side_tool="true" weight="0.25" />
       <window_info id="Favorites" order="2" side_tool="true" />
       <window_info anchor="bottom" id="Message" order="0" />
@@ -402,8 +557,8 @@
     <entry file="file://$PROJECT_DIR$/h_news/new_detail.html" />
     <entry file="file://$PROJECT_DIR$/h_news/news_list.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="405">
-          <caret line="15" column="54" lean-forward="true" selection-start-line="15" selection-start-column="54" selection-end-line="15" selection-end-column="54" />
+        <state relative-caret-position="242">
+          <caret line="9" column="77" selection-start-line="9" selection-start-column="77" selection-end-line="9" selection-end-column="77" />
         </state>
       </provider>
     </entry>
@@ -428,8 +583,14 @@
     <entry file="file://$PROJECT_DIR$/33" />
     <entry file="file://$PROJECT_DIR$/index.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="3213">
-          <caret line="119" column="56" selection-start-line="119" selection-start-column="56" selection-end-line="119" selection-end-column="56" />
+        <state relative-caret-position="330">
+          <caret line="10" column="12" lean-forward="true" selection-start-line="10" selection-start-column="12" selection-end-line="10" selection-end-column="12" />
+          <folding>
+            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#a#1;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#0;n#div#2;n#body#0;n#html#0;n#!!top" expanded="true" />
+          </folding>
         </state>
       </provider>
     </entry>
@@ -438,8 +599,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/h_news/news_detail.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="207">
-          <caret line="28" column="19" lean-forward="true" selection-start-line="28" selection-start-column="19" selection-end-line="28" selection-end-column="19" />
+        <state relative-caret-position="176">
+          <caret line="6" column="74" selection-start-line="6" selection-start-column="74" selection-end-line="6" selection-end-column="74" />
         </state>
       </provider>
     </entry>
@@ -448,8 +609,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/xgk/xgk.html">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="280">
-          <caret line="58" column="45" lean-forward="true" selection-start-line="58" selection-start-column="45" selection-end-line="58" selection-end-column="45" />
+        <state relative-caret-position="99">
+          <caret line="3" column="6" selection-start-line="3" selection-start-column="6" selection-end-line="3" selection-end-column="6" />
         </state>
       </provider>
     </entry>

+ 11 - 1
css/components.css

@@ -580,7 +580,7 @@ body::-webkit-scrollbar-track {
     display: none;
   }
 }
-#share div {
+#share > div:first-child {
   height: 132px;
   box-sizing: border-box;
   background-color: #2382ff;
@@ -623,6 +623,16 @@ body::-webkit-scrollbar-track {
 #share ul li:hover:not(ul>li:first-child) {
   background-color: #e6e6e6;
 }
+#share #qrcode {
+  display: none;
+  position: absolute;
+  background-color: #fff;
+  padding: 10px;
+  top: -162px;
+  border-radius: 5px;
+  right: 140px;
+  border: 1px solid #625151;
+}
 #toast {
   display: none;
   position: fixed;

+ 11 - 3
css/components.less

@@ -736,7 +736,7 @@ body {
     }
   }
 
-  div {
+  &>div:first-child {
     height: 132px;
     box-sizing: border-box;
     background-color: @body-bg;
@@ -785,8 +785,16 @@ body {
       }
     }
   }
-
-  // width: 100px;height: 100px;
+  #qrcode{
+    display: none;
+    position: absolute;
+    background-color: #fff;
+    padding: 10px;
+    top: -162px;
+    border-radius: 5px;
+    right: 140px;
+    border: 1px solid #625151;
+  }
 }
 
 // 交互板

+ 5 - 4
h_exam/exam_detail.html

@@ -23,6 +23,7 @@
   <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
   <link rel="stylesheet" href="../css/components.css">
   <link rel="stylesheet" href="../css/exam_detail.css">
+  <script src="../js/qrcode.min.js"></script>
   <script src="../js/components.js"></script>
 </head>
 
@@ -197,9 +198,9 @@
     <div>分享</div>
     <ul>
       <li>分享到</li>
-      <li><img src="../imgs/qq.png" alt="qq">QQ</li>
-      <li><img src="../imgs/weixin.png" alt="qq">微信</li>
-      <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
   </div>
   <!-- 下载app -->
@@ -214,4 +215,4 @@
   </div>
 </body>
 
-</html>
+</html>

+ 5 - 4
h_exam/exam_detail_img.html

@@ -23,6 +23,7 @@
   <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
   <link rel="stylesheet" href="../css/components.css">
   <link rel="stylesheet" href="../css/exam_detail_img.css">
+  <script src="../js/qrcode.min.js"></script>
   <script src="../js/components.js"></script>
   <script src="../js/exam_detail_img.js"></script>
 </head>
@@ -190,9 +191,9 @@
     <div>分享</div>
     <ul>
       <li>分享到</li>
-      <li><img src="../imgs/qq.png" alt="qq">QQ</li>
-      <li><img src="../imgs/weixin.png" alt="qq">微信</li>
-      <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
   </div>
   <!-- 下载app -->
@@ -207,4 +208,4 @@
   </div>
 </body>
 
-</html>
+</html>

+ 5 - 4
h_exam/exam_list.html

@@ -23,6 +23,7 @@
   <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
   <link rel="stylesheet" href="../css/components.css">
   <link rel="stylesheet" href="../css/exam_list.css">
+  <script src="../js/qrcode.min.js"></script>
   <script src="../js/components.js"></script>
   <script src="../js/exam_list.js"></script>
 </head>
@@ -460,9 +461,9 @@
     <div>分享</div>
     <ul>
       <li>分享到</li>
-      <li><img src="../imgs/qq.png" alt="qq">QQ</li>
-      <li><img src="../imgs/weixin.png" alt="qq">微信</li>
-      <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
   </div>
   <!-- 下载app -->
@@ -477,4 +478,4 @@
   </div>
 </body>
 
-</html>
+</html>

+ 97 - 96
h_news/news_detail.html

@@ -2,20 +2,21 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
-    <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
-    <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
-    <title>文章</title>
-    <script src="../js/jquery.js"></script>
-    <script src="../bootstrap/bootstrap.min.js"></script>
-    <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="../css/components.css">
-    <link rel="stylesheet" href="../css/new_detail.css">
-    <script src="../js/components.js"></script>
-      <script>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
+  <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
+  <title>文章</title>
+  <script src="../js/jquery.js"></script>
+  <script src="../bootstrap/bootstrap.min.js"></script>
+  <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="../css/components.css">
+  <link rel="stylesheet" href="../css/new_detail.css">
+  <script src="../js/qrcode.min.js"></script>
+  <script src="../js/components.js"></script>
+  <script>
     var _hmt = _hmt || [];
     (function () {
       var hm = document.createElement("script");
@@ -27,106 +28,106 @@
 </head>
 
 <body class="new1">
-<!-- 通用头部 -->
-<div class="header">
+  <!-- 通用头部 -->
+  <div class="header">
     <div class="container">
-        <div id="face" class="ha-item">
-            <div class="img pull-left">
-                <!-- 网站图标 -->
-                <a href="../index.html"><img src="../imgs/app.png" alt="" draggable="false"></a>
-                <!--<a href="../index.html"><span>大联考</span></a>-->
-            </div>
-            <div data-app="download" class="app pull-right">
-                <a href="http://app.gaokaoapp.net" draggable="false">
-                    <img src="../imgs/app_dowload.png" alt="大联考" draggable="false"><br>
-                    <span>大联考App下载</span>
-                </a>
-                <div style="display: none;">
-                    <img src="../imgs/app_dowload.png" alt="大联考App下载">
-                </div>
-            </div>
+      <div id="face" class="ha-item">
+        <div class="img pull-left">
+          <!-- 网站图标 -->
+          <a href="../index.html"><img src="../imgs/app.png" alt="" draggable="false"></a>
+          <!--<a href="../index.html"><span>大联考</span></a>-->
+        </div>
+        <div data-app="download" class="app pull-right">
+          <a href="http://app.gaokaoapp.net" draggable="false">
+            <img src="../imgs/app_dowload.png" alt="大联考" draggable="false"><br>
+            <span>大联考App下载</span>
+          </a>
+          <div style="display: none;">
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
+      </div>
     </div>
-</div>
-<div id="body" class="container">
+  </div>
+  <div id="body" class="container">
     <div class="row">
-        <div class="col">
-            <div class="body">
-                <!-- 标题 -->
-                <h3>文章标题</h3>
-                <h6>创建时间</h6>
+      <div class="col">
+        <div class="body">
+          <!-- 标题 -->
+          <h3>文章标题</h3>
+          <h6>创建时间</h6>
 
-                <div id="content">
-                    咨询内容
-                </div>
-                <!-- 点赞 阅读数 -->
-                <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="">无</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 id="content">
+            咨询内容
+          </div>
+          <!-- 点赞 阅读数 -->
+          <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="">无</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">
+  </div>
+  <!-- 以下通用html -->
+  <div class="footer">
     <p>商务合作电话:0371-86586728</p>
     <p>豫ICP备15004940号-5</p>
-</div>
-<!-- 返回顶部 -->
-<div id="top" class="noshow">
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
     <i class="glyphicon glyphicon-chevron-up"></i>
-</div>
-<!-- 分享功能 -->
-<div id="share">
+  </div>
+  <!-- 分享功能 -->
+  <div id="share">
     <div>分享</div>
     <ul>
-        <li>分享到</li>
-        <li><img src="../imgs/qq.png" alt="qq">QQ</li>
-        <!-- <li><img src="./imgs/weixin.png" alt="qq">微信</li> -->
-        <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li>分享到</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
-</div>
-<!-- 交互板 登录 举报 发表评论 -->
-<div id="toast">
+  </div>
+  <!-- 交互板 登录 举报 发表评论 -->
+  <div id="toast">
     <div class="msg" style="display: none;">查看更多内容,请点击下载APP</div>
-</div>
-<!-- 下载app -->
-<div id="download">
+  </div>
+  <!-- 下载app -->
+  <div id="download">
     <div class="left">
-        <img src="../imgs/app.png" alt="大联考">
-        <div class=" row1">大联考
-        </div>
-        <div class="row2">全国中学生都在用</div>
+      <img src="../imgs/app.png" alt="大联考">
+      <div class=" row1">大联考
+      </div>
+      <div class="row2">全国中学生都在用</div>
     </div>
     <div class="right">
-        <button class="btn btn-info">下载</button>
+      <button class="btn btn-info">下载</button>
     </div>
-</div>
+  </div>
 </body>
 
-</html>
+</html>

+ 72 - 71
h_news/news_list.html

@@ -2,21 +2,22 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
-    <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
-    <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
-    <title>热点资讯-大联考网页版</title>
-    <script src="../js/jquery.js"></script>
-    <script src="../bootstrap/bootstrap.min.js"></script>
-    <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
-    <link rel="stylesheet" href="../css/components.css">
-    <link rel="stylesheet" href="../css/new_list.css">
-    <script src="../js/components.js"></script>
-    <script src="../js/new_list.js"></script>
-      <script>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
+  <link rel="shortcut icon" type="image/x-icon" href="../imgs/favicon.ico">
+  <title>热点资讯-大联考网页版</title>
+  <script src="../js/jquery.js"></script>
+  <script src="../bootstrap/bootstrap.min.js"></script>
+  <link rel="stylesheet" href="../bootstrap/bootstrap.min.css">
+  <link rel="stylesheet" href="../css/components.css">
+  <link rel="stylesheet" href="../css/new_list.css">
+  <script src="../js/qrcode.min.js"></script>
+  <script src="../js/components.js"></script>
+  <script src="../js/new_list.js"></script>
+  <script>
     var _hmt = _hmt || [];
     (function () {
       var hm = document.createElement("script");
@@ -28,77 +29,77 @@
 </head>
 
 <body class="new2">
-<!-- 通用头部 -->
-<div class="header">
+  <!-- 通用头部 -->
+  <div class="header">
     <div class="container">
-        <div id="face" class="ha-item">
-            <div class="img pull-left">
-                <!-- 网站图标 -->
-                 <a href="../index.html"><img src="../imgs/app.png" alt="" draggable="false"></a>
-            </div>
-            <div data-app="download" class="app pull-right">
-                <a href="http://app.gaokaoapp.net" draggable="false">
-                    <img src="../imgs/app_dowload.png" alt="大联考" draggable="false"><br>
-                    <span>大联考App下载</span>
-                </a>
-                <div style="display: none;">
-                    <img src="../imgs/app_dowload.png" alt="大联考App下载">
-                </div>
-            </div>
+      <div id="face" class="ha-item">
+        <div class="img pull-left">
+          <!-- 网站图标 -->
+          <a href="../index.html"><img src="../imgs/app.png" alt="" draggable="false"></a>
         </div>
+        <div data-app="download" class="app pull-right">
+          <a href="http://app.gaokaoapp.net" draggable="false">
+            <img src="../imgs/app_dowload.png" alt="大联考" draggable="false"><br>
+            <span>大联考App下载</span>
+          </a>
+          <div style="display: none;">
+            <img src="../imgs/app_dowload.png" alt="大联考App下载">
+          </div>
+        </div>
+      </div>
     </div>
-</div>
-<div id="body" class="container">
+  </div>
+  <div id="body" class="container">
     <div class="row">
-        <div class="col">
-            <div class="body">
-                <div class="my-list list">
-                    <a target="_blank" href="http://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">大联考APP热点资讯</div>
-                            <div class="time">高考动态<span>2021-04-21</span></div>
-                        </div>
-                    </a>
-                </div>
-                <div class="my-loading">加载中......</div>
-            </div>
+      <div class="col">
+        <div class="body">
+          <div class="my-list list">
+            <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">大联考APP热点资讯</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">
+  </div>
+  <!-- 以下通用html -->
+  <div class="footer">
     <p>商务合作电话:0371-86586728</p>
     <p>豫ICP备15004940号-5</p>
-</div>
-<!-- 返回顶部 -->
-<div id="top" class="noshow">
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
     <i class="glyphicon glyphicon-chevron-up"></i>
-</div>
-<!-- 分享功能 -->
-<div id="share">
+  </div>
+  <!-- 分享功能 -->
+  <div id="share">
     <div>分享</div>
     <ul>
-        <li>分享到</li>
-        <li><img src="../imgs/qq.png" alt="qq">QQ</li>
-        <!-- <li><img src="./imgs/weixin.png" alt="qq">微信</li> -->
-        <li><img src="../imgs/weibo.png" alt="qq">微博</li>
+      <li>分享到</li>
+      <li><img src="../imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="../imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="../imgs/weibo.png" alt="微博">微博</li>
     </ul>
-</div>
-<!-- 下载app -->
-<div id="download">
+  </div>
+  <!-- 下载app -->
+  <div id="download">
     <div class="left">
-        <img src="../imgs/app.png" alt="大联考">
-        <div class=" row1">大联考
-        </div>
-        <div class="row2">全国中学生都在用</div>
+      <img src="../imgs/app.png" alt="大联考">
+      <div class=" row1">大联考
+      </div>
+      <div class="row2">全国中学生都在用</div>
     </div>
     <div class="right">
-        <button class="btn btn-info">下载</button>
+      <button class="btn btn-info">下载</button>
     </div>
-</div>
+  </div>
 </body>
 
-</html>
+</html>

+ 415 - 432
index.html

@@ -2,485 +2,468 @@
 <html lang="en">
 
 <head>
-    <meta charset="UTF-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=`, initial-scale=1.0">
-    <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
-    <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
-    <title>大联考网页版</title>
-    <script>
-        var _hmt = _hmt || [];
-        (function () {
-            var hm = document.createElement("script");
-            hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
-            var s = document.getElementsByTagName("script")[0];
-            s.parentNode.insertBefore(hm, s);
-        })();
-    </script>
-    <link rel="shortcut icon" type="image/x-icon" href="./imgs/favicon.ico">
-    <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/index.css">
-    <script src="./js/components.js"></script>
-    <script src="./js/index.js"></script>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=`, initial-scale=1.0">
+  <meta name="keywords" content="大联考,大联考网页版,新高考,高考动态,志愿填报,招生报考,历年真题,模拟考试,高考">
+  <meta name="description" id="sharedsc" content="大联考提供新高考动态、志愿填报、招生报考、历年真题、模拟考试等海量的高考资讯与模考资料。旗下有大联考APP、大联考APP小程序。">
+  <title>大联考网页版</title>
+  <script>
+    var _hmt = _hmt || [];
+    (function () {
+      var hm = document.createElement("script");
+      hm.src = "https://hm.baidu.com/hm.js?c422004622ec075298aaf0a1a7bd21fe";
+      var s = document.getElementsByTagName("script")[0];
+      s.parentNode.insertBefore(hm, s);
+    })();
+  </script>
+  <link rel="shortcut icon" type="image/x-icon" href="./imgs/favicon.ico">
+  <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/index.css">
+  <script src="./js/qrcode.min.js"></script>
+  <script src="./js/components.js"></script>
+  <script src="./js/index.js"></script>
 </head>
 
 <body>
-<!-- components 共用头部 -->
-<div class="header">
+  <!-- components 共用头部 -->
+  <div class="header">
     <div class="container">
-        <div id="face" class="ha-item">
-            <div class="img pull-left">
-                <!-- 网站图标 -->
-                <a href="/"><img src="./imgs/app.png" alt="" draggable="false"></a>
-            </div>
-            <div data-app="download" class="app pull-right">
-                <a href="http://app.gaokaoapp.net" draggable="false">
-                    <img src="./imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
-                    <span>大联考App下载</span>
-                </a>
-                <div style="display: none;">
-                    <img src="./imgs/app_dowload.png" alt="大联考App下载">
-                </div>
-            </div>
-            <div class="button pull-right">
-                <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
-            </div>
+      <div id="face" class="ha-item">
+        <div class="img pull-left">
+          <!-- 网站图标 -->
+          <a href="/"><img src="./imgs/app.png" alt="" draggable="false"></a>
         </div>
-        <div class="hb-item">
-            <!-- @大屏修改下拉菜单 -->
-            <div id="nav" class="nav">
-                <div class="nav-item">
-                    <!-- active 表明当前页面属于那个动作分类 -->
-                    <a class="active" href="javascript:;" draggable="false">首页</a>
-                    <ul class="nav-ul">
-                    </ul>
-                </div>
-                <div class="nav-item">
-                    <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
-                    <ul class="nav-ul xingaokao">
-                        <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
-                    </ul>
-                </div>
-                <div class="nav-item">
-                    <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
-                    <ul class="nav-ul">
-                        <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
-                    </ul>
-                </div>
-            </div>
+        <div data-app="download" class="app pull-right">
+          <a href="http://app.gaokaoapp.net" draggable="false">
+            <img src="./imgs/app_dowload.png" alt="大联考App下载" draggable="false"><br>
+            <span>大联考App下载</span>
+          </a>
+          <div style="display: none;">
+            <img src="./imgs/app_dowload.png" alt="大联考App下载">
+          </div>
         </div>
-    </div>
-</div>
-<!-- components 共用菜单 -->
-<!-- @小屏幕 下拉菜单 -->
-<div id="nav-sm" class="nav-sm-noheight">
-    <ul>
-        <!-- active 表明当前页面属于那个动作分类 -->
-        <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
-            <ul class="nav-sm-ul"></ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" target="_blank" draggable="false">新高考</a>
-            <ul class="nav-sm-ul xingaokao">
-                <li class="nav-sm-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
+        <div class="button pull-right">
+          <div id="listbutton" class="glyphicon glyphicon-th-list button"></div>
+        </div>
+      </div>
+      <div class="hb-item">
+        <!-- @大屏修改下拉菜单 -->
+        <div id="nav" class="nav">
+          <div class="nav-item">
+            <!-- active 表明当前页面属于那个动作分类 -->
+            <a class="active" href="javascript:;" draggable="false">首页</a>
+            <ul class="nav-ul">
             </ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
-            <ul class="nav-sm-ul">
-                <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+          </div>
+          <div class="nav-item">
+            <a href="javascript:;" draggable="false">新高考<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <ul class="nav-ul xingaokao">
+              <li class="nav-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
             </ul>
-        </li>
-        <li>
-            <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
-            <ul class="nav-sm-ul">
-                <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+          </div>
+          <div class="nav-item">
+            <a href="javascript:;" draggable="false">模拟考试<i class="glyphicon glyphicon-chevron-down"></i></a>
+            <ul class="nav-ul">
+              <li class="nav-li"><a href="#" target="_blank" draggable="false">模拟考试</a></li>
             </ul>
-        </li>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+  <!-- components 共用菜单 -->
+  <!-- @小屏幕 下拉菜单 -->
+  <div id="nav-sm" class="nav-sm-noheight">
+    <ul>
+      <!-- active 表明当前页面属于那个动作分类 -->
+      <li><a class="nav-sm-title active" href="javascript:;" draggable="false">首页</a>
+        <ul class="nav-sm-ul"></ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" target="_blank" draggable="false">新高考</a>
+        <ul class="nav-sm-ul xingaokao">
+          <li class="nav-sm-li xingaokao"><a href="#" target="_blank" draggable="false">新高考</a></li>
+        </ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">机构联考</a>
+        <ul class="nav-sm-ul">
+          <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+        </ul>
+      </li>
+      <li>
+        <a class="nav-sm-title" href="javascript:;" draggable="false">模拟考试</a>
+        <ul class="nav-sm-ul">
+          <li class="nav-sm-li"><a href="/" target="_blank" draggable="false">模拟考试</a></li>
+        </ul>
+      </li>
     </ul>
-</div>
-<!-- components 共用主体内容外壳 -->
-<div id="body" class="container">
+  </div>
+  <!-- components 共用主体内容外壳 -->
+  <div id="body" class="container">
     <div class="row">
-        <div class="col">
-            <div class="body">
-                <!-- 网页第一行 -->
-                <div class="row row-style">
-                    <div class="col-lg-6 col-sm-12">
-                        <!-- @轮播 id="myCarousel"-->
-                        <div id="myCarousel" class="carousel slide" style="margin-bottom: 20px;">
-                            <!-- 轮播(Carousel)指标 -->
-                            <ol class="carousel-indicators">
-                                <li data-target="#myCarousel" data-slide-to="0" class="lunbo active"></li>
-                            </ol>
-                            <!-- 轮播(Carousel)项目 -->
-                            <div class="carousel-inner">
-                                <div class="item lunbo active">
-                                    <!-- 轮播图片跳转 -->
-                                    <a target="_blank" href="">
-                                        <img class="carousel-img-style" src="./imgs/bg.png" alt="First slide">
-                                    </a>
-                                </div>
-                            </div>
-                            <!-- 轮播(Carousel)导航 -->
-                            <a class="left carousel-control" style="border-radius: 10px;" href="#myCarousel"
-                               role="button"
-                               data-slide="prev">
-                                <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
-                                <span class="sr-only">leftbutton</span>
-                            </a>
-                            <a class="right carousel-control" style="border-radius: 10px;" href="#myCarousel"
-                               role="button"
-                               data-slide="next">
-                                <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
-                                <span class="sr-only">rightbutton</span>
-                            </a>
-                        </div>
-                    </div>
-                    <div class="col col-lg-6 col-sm-12">
-                        <div id="hotspot" class="hotspot">
-                            <!-- @热点 id="hotspot"-->
-                            <h4><a target="_blank" href="./h_news/news_list.html"><span class="b">
+      <div class="col">
+        <div class="body">
+          <!-- 网页第一行 -->
+          <div class="row row-style">
+            <div class="col-lg-6 col-sm-12">
+              <!-- @轮播 id="myCarousel"-->
+              <div id="myCarousel" class="carousel slide" style="margin-bottom: 20px;">
+                <!-- 轮播(Carousel)指标 -->
+                <ol class="carousel-indicators">
+                  <li data-target="#myCarousel" data-slide-to="0" class="lunbo active"></li>
+                </ol>
+                <!-- 轮播(Carousel)项目 -->
+                <div class="carousel-inner">
+                  <div class="item lunbo active">
+                    <!-- 轮播图片跳转 -->
+                    <a target="_blank" href="">
+                      <img class="carousel-img-style" src="./imgs/bg.png" alt="First slide">
+                    </a>
+                  </div>
+                </div>
+                <!-- 轮播(Carousel)导航 -->
+                <a class="left carousel-control" style="border-radius: 10px;" href="#myCarousel" role="button"
+                  data-slide="prev">
+                  <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
+                  <span class="sr-only">leftbutton</span>
+                </a>
+                <a class="right carousel-control" style="border-radius: 10px;" href="#myCarousel" role="button"
+                  data-slide="next">
+                  <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
+                  <span class="sr-only">rightbutton</span>
+                </a>
+              </div>
+            </div>
+            <div class="col col-lg-6 col-sm-12">
+              <div id="hotspot" class="hotspot">
+                <!-- @热点 id="hotspot"-->
+                <h4><a target="_blank" href="./h_news/news_list.html"><span class="b">
                       <i class="glyphicon glyphicon-fire icon-fire-style"></i>热点资讯
                     </span><span>更多</span></a>
-                            </h4>
-                            <ul class="redianzixun">
-                                <li class="redianzixun"><a target="_blank" href="http://www.gaokaoapp.net">热点资讯</a>
-                                </li>
-                            </ul>
-                        </div>
-                    </div>
-                </div>
-                <!-- 网页第二行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>热门专题</h4>
-                        <div class="content-style">
-                            <div class="scroll-style">
-                                <!-- @图片标题横轴滚动 -->
-                                <ul id="imgsrcoll">
-                                    <li class="scroll-li-style"><a title="数学一轮复习专题"
-                                                                   href="#"
-                                                                   target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="数学一轮复习专题" draggable="false">
-                                        <h5 class="title">数学一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="英语一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="英语一轮复习专题" draggable="false">
-                                        <h5 class="title">英语一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="政治一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="政治一轮复习专题" draggable="false">
-                                        <h5 class="title">政治一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="地理一轮复习专题"
-                                                                   href=""
-                                                                   target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="地理一轮复习专题" draggable="false">
-                                        <h5 class="title">地理一轮复习专题</h5>
-                                    </a></li>
-                                    <li class="scroll-li-style"><a title="历史一轮复习专题"
-                                                                   href="#" target="_blank"
-                                                                   draggable="false"><img
-                                            src="#"
-                                            alt="历史一轮复习专题" draggable="false">
-                                        <h5 class="title">历史一轮复习专题</h5>
-                                    </a></li>
-                                </ul>
-                            </div>
-                        </div>
-                    </div>
+                </h4>
+                <ul class="redianzixun">
+                  <li class="redianzixun"><a target="_blank" href="http://www.gaokaoapp.net">热点资讯</a>
+                  </li>
+                </ul>
+              </div>
+            </div>
+          </div>
+          <!-- 网页第二行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>热门专题</h4>
+              <div class="content-style">
+                <div class="scroll-style">
+                  <!-- @图片标题横轴滚动 -->
+                  <ul id="imgsrcoll">
+                    <li class="scroll-li-style"><a title="数学一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="数学一轮复习专题" draggable="false">
+                        <h5 class="title">数学一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="英语一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="英语一轮复习专题" draggable="false">
+                        <h5 class="title">英语一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="政治一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="政治一轮复习专题" draggable="false">
+                        <h5 class="title">政治一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="地理一轮复习专题" href="" target="_blank" draggable="false"><img
+                          src="#" alt="地理一轮复习专题" draggable="false">
+                        <h5 class="title">地理一轮复习专题</h5>
+                      </a></li>
+                    <li class="scroll-li-style"><a title="历史一轮复习专题" href="#" target="_blank" draggable="false"><img
+                          src="#" alt="历史一轮复习专题" draggable="false">
+                        <h5 class="title">历史一轮复习专题</h5>
+                      </a></li>
+                  </ul>
                 </div>
-                <!-- @类型模板 -->
-                <!-- 网页第三行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>最新考试</h4>
-                        <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="./h_news/news_list.html"><span class="a">
+              </div>
+            </div>
+          </div>
+          <!-- @类型模板 -->
+          <!-- 网页第三行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>最新考试</h4>
+              <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="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
-                <!-- 网页第四行 -->
-                <div class="row row-style">
-                    <div class="title-style">
-                        <h4 class="h4"><i class="glyphicon glyphicon-book"></i>专题分类</h4>
-                        <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="./h_news/news_list.html"><span class="a">
+              </div>
+            </div>
+          </div>
+          <!-- 网页第四行 -->
+          <div class="row row-style">
+            <div class="title-style">
+              <h4 class="h4"><i class="glyphicon glyphicon-book"></i>专题分类</h4>
+              <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="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                            <div class="col col-sm-4 col-sm-12">
-                                <div class="hotspot flex-item-style">
-                                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
+                </div>
+                <div class="col col-sm-4 col-sm-12">
+                  <div class="hotspot flex-item-style">
+                    <h4 class=".h4"><a target="_blank" href="./h_news/news_list.html"><span class="a">
                           高三考试
                         </span><span>更多</span></a>
-                                    </h4>
-                                    <ul>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                        <li><a target="_blank" href="http://www.gaokaoapp.net">item
-                                            1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
-                                        </li>
-                                    </ul>
-                                </div>
-                            </div>
-                        </div>
-                    </div>
+                    </h4>
+                    <ul>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                      <li><a target="_blank" href="http://www.gaokaoapp.net">item
+                          1111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
+                      </li>
+                    </ul>
+                  </div>
                 </div>
+              </div>
             </div>
+          </div>
         </div>
+      </div>
     </div>
-</div>
+  </div>
 
-<!-- 以下为通用html -->
-<div class="footer">
+  <!-- 以下为通用html -->
+  <div class="footer">
     <p>商务合作电话:0371-86586728</p>
     <p>豫ICP备15004940号-5</p>
-</div>
-<!-- 返回顶部 -->
-<div id="top" class="noshow">
+  </div>
+  <!-- 返回顶部 -->
+  <div id="top" class="noshow">
     <i class="glyphicon glyphicon-chevron-up"></i>
-</div>
-<!-- 分享功能 -->
-<div id="share">
+  </div>
+  <!-- 分享功能 -->
+  <div id="share">
     <div>分享</div>
     <ul>
-        <li>分享到</li>
-        <li><img src="./imgs/qq.png" alt="qq">QQ</li>
-        <li><img src="./imgs/weixin.png" alt="qq">微信</li>
-        <li><img src="./imgs/weibo.png" alt="qq">微博</li>
+      <li>分享到</li>
+      <li><img src="./imgs/qq.png" alt="QQ">QQ</li>
+      <li><img src="./imgs/weixin.png" alt="微信">微信</li>
+      <li><img src="./imgs/weibo.png" alt="微博">微博</li>
     </ul>
-</div>
-<!-- 下载app -->
-<div id="download">
+  </div>
+  </div>
+  <!-- 下载app -->
+  <div id="download">
     <div class="left">
-        <img src="./imgs/app.png" alt="大联考">
-        <div class="row1">大联考</div>
-        <div class="row2">全国中学生都在用</div>
+      <img src="./imgs/app.png" alt="大联考">
+      <div class="row1">大联考</div>
+      <div class="row2">全国中学生都在用</div>
     </div>
     <div class="right">
-        <button class="btn btn-info">下载</button>
+      <button class="btn btn-info">下载</button>
     </div>
-</div>
+  </div>
 </body>
 
-</html>
+</html>

+ 20 - 7
js/components.js

@@ -191,7 +191,8 @@ $(function () {
   $("#share").mouseenter(function () {
     $(this).children("ul").css("width", 'auto')
   }).mouseleave(function () {
-    $(this).children("ul").css("width", '0px')
+    $(this).children("ul").css("width", '0px');
+    $("#qrcode").hide();
   })
   let lis = $("#share>ul>li");
   for (let i = 0; i < lis.length; i++) {
@@ -200,14 +201,26 @@ $(function () {
         shareModel.shareQQ();
       })
     }
-    // if (i == 2) {
-    //   $(lis[i]).click(function () {
-    //     shareModel.weixin(url = "https://app.gaokaozhitongche.com/");
-    //   })
-    // }
     if (i == 2) {
+      var dom = $("<div>");
+      dom.attr("id", "qrcode");
+      $(dom).appendTo($("#share"));
+      var qrcode = new QRCode("qrcode", {
+        text: window.location.href,
+        width: 128,
+        height: 128,
+        colorDark: "#000000",
+        colorLight: "#ffffff",
+        correctLevel: QRCode.CorrectLevel.H
+      });
+      qrcode.clear();
+      qrcode.makeCode(window.location.href)
+      $(lis[i]).click(function () {
+        $("#qrcode").show();
+      })
+    }
+    if (i == 3) {
       $(lis[i]).click(function () {
-        console.log(1)
         shareModel.sinaWeiBo();
       })
     }