commit version1

examcloud-core-questions-starter/src/main/resources/templates/example.html

@@ -10,6 +10,7 @@
         * {
             font-family: "宋体";
             font-size: 22px;
+            line-height: 1.5;
         }
 
         .e_description {
@@ -31,30 +32,47 @@
         }
 
         .e_page_no {
+            z-index: 1;
+            display: block;
+            width: 50px;
+            height: 20px;
+            line-height: 20px;
+            text-align: right;
             position: absolute;
-            right: 30px;
+            right: 0;
             bottom: 0;
             font-weight: 700;
             color: #666;
         }
 
         .e_paper_title {
-            /* height: 184px; */
-            height: 380px;
+            height: 400px;
         }
 
         .e_paper_title h1 {
-            font-size: 2.1em;
+            font-size: 2.2em;
             font-family: "黑体";
+            font-weight: bolder;
             text-align: center;
         }
 
         .e_paper_title h3 {
-            font-size: 28px;
+            margin-top: -20px;
+            font-size: 30px;
             font-family: "黑体";
             text-align: center;
         }
 
+        .e_paper_title h3 b, .e_paper_title h3 em {
+            font-style: normal;
+            font-size: 30px;
+            color: #f00;
+        }
+
+        .e_paper_title h3 em {
+            font-family: "Times New Roman", Times, serif;
+        }
+
         .e_tip {
             margin-top: 10px;
         }
@@ -68,11 +86,11 @@
 
         .e_first_part {
             position: absolute;
-            width: 1450px;
+            width: 1560px;
             height: 120px;
             position: absolute;
-            top: 760px;
-            left: -640px;
+            top: 742px;
+            left: -715px;
             /* 逆时针旋转90度 */
             transform: rotateZ(270deg);
             -webkit-transform: rotateZ(270deg);
@@ -84,10 +102,14 @@
             text-align: center;
         }
 
+        .e_sidebar_font span {
+            margin-left: 30px;
+        }
+
         /* 密封线 */
         .e_sidebar_thread {
-            margin-top: 10px;
-            border-bottom: 1px dotted #333;
+            margin-top: 15px;
+            border-bottom: 0.1em dotted #333;
             height: 20px;
             line-height: 25px;
             text-align: center;
@@ -101,7 +123,7 @@
         #allContent {
             width: 2000px;
             float: left;
-            margin-left: 130px;
+            padding-left: 130px;
         }
 
         #tempContent {
@@ -118,7 +140,7 @@
         }
 
         .e_option {
-            margin: 5px auto;
+            /* nothing */
         }
 
         .e_item {
@@ -149,16 +171,25 @@
         .e_box {
             float: left;
             width: 100%;
-            padding-top: 10px;
+            overflow: hidden;
+        }
+
+        .e_box p {
+            margin: 0 !important;
+        }
+
+        .e_box p.e_option_end {
+            margin-bottom: 30px !important;
         }
 
         .e_content {
-            width: 960px;
-            height: 1560px;
+            /*background: #efefef;*/
             float: left;
-            margin: 22px 15px;
-            padding: 0 15px;
-            overflow: hidden;
+            width: 960px;
+            height: 1592px;
+            margin: 20px;
+            padding-bottom: 30px;
+
             position: relative;
             border-top: 0px dashed black;
             border-bottom: 0px dashed black;
@@ -185,10 +216,10 @@
 <div class="e_first_page">
     <div class="e_first_part">
         <div class="e_sidebar_font">
-            <span>学习中心______________________</span>
-            <span>姓名______________________</span>
-            <span>学校______________________</span>
-            <span>专业名称______________________</span>
+            <span style="margin-left: 0">学习中心________________________</span>
+            <span>姓名________________________</span>
+            <span>学校________________________</span>
+            <span>专业名称________________________</span>
         </div>
         <div class="e_sidebar_thread">
             <span>密</span>
@@ -202,7 +233,7 @@
             <div id="e_box_0" class="e_box">
                 <div class="e_paper_title">
                     <h1>山东大学继续（网络）教育</h1>
-                    <h3>2019年06月期末考试</h3>
+                    <h3><b><em>2019</em>年<em>06</em>月</b>期末考试</h3>
                     <div class="e_description">
                         <span>课程名称：<em style="color: #FF0000">模拟电路基础</em></span>
                         <span>课程代码：<em style="color: #FF0000">100920921</em></span>
@@ -222,7 +253,7 @@
 </body>
 <script type="text/javascript">
     var a3Width = 930;
-    var a3Height = 1560;
+    var a3Height = 1592;
     var tempContent = document.getElementById("tempContent");
     var tempOptions = [];
     var theBox = document.getElementById("e_box_0");
@@ -262,7 +293,7 @@
             className = "e_question";
         }
         if (val.indexOf("e_option") > -1) {
-            className = "e_item";
+            className = "e_item e_option_end";
         }
         divElement.setAttribute('class', className);
         divElement.setAttribute('e_index', index);
@@ -334,7 +365,7 @@
         /* 后台数据示例 */
         var list = [];
 
-        for (var m = 1; m <= 3; m++) {
+        for (var m = 1; m <= 5; m++) {
             list.push('<p class="e_detail"><b>一、单选题（本大题共<i class="e_num">50</i>小题，共<i class="e_num">100</i>分）</b></p>');
             list.push('<p><b>在每小题列出的备选项中只有一个符合题目要求的，请将其选出并将“答题卡”的相应代码涂黑，错涂、多涂或未涂均无分。</b></p>');
 
@@ -347,7 +378,7 @@
                 list.push('<p class="e_option">A.选项</p>');
                 list.push('<p class="e_option">B.选项选项</p>');
                 list.push('<p class="e_option">C.选项选项选项</p>');
-                list.push('<p class="e_option">D.' + content + '</p>');
+                list.push('<p class="e_option e_option_end">D.' + content + '</p>');
             }
         }