20210816

css/exam_detail_img.css

@@ -106,10 +106,12 @@
 .body .edi-body .edi-user .right i {
   background-color: #2382ff;
   font-size: 25px;
-  padding: 10px;
+  width: 45px;
+  height: 45px;
   border-radius: 50%;
   color: #fff;
   text-align: center;
+  line-height: 45px;
   margin-left: 10px;
 }
 @media screen and (max-width: 768px) {
@@ -175,6 +177,12 @@
   color: #777;
   margin-left: 5px;
 }
+.body .interactive .pull-left label {
+  vertical-align: middle;
+  font-size: 14px;
+  color: #777;
+  font-weight: normal;
+}
 .body .interactive h5 {
   border-bottom: 1px solid #e6e6e6;
   padding: 10px 0px;
@@ -242,9 +250,9 @@
   border: 2px solid #7aaef3;
 }
 .body .prog .flex .pro .pro-show {
+  width: 100px;
   position: absolute;
   top: 20px;
-  margin-left: 5px;
   color: #2382ff;
 }
 .body .prog .flex .button {

css/exam_detail_img.less

@@ -129,12 +129,13 @@
         i {
           background-color: @body-bg;
           font-size: 25px;
-          padding: 10px;
+          width: 45px;height: 45px;
           border-radius: 50%;
           color: #fff;
           text-align: center;
+          line-height: 45px;
           margin-left: 10px;
-
+      
           @media screen and (max-width:768px) {
             & {
               font-size: 5px;
@@ -207,6 +208,14 @@
     }
   }
   .interactive{
+    .pull-left{
+      label{
+        vertical-align: middle;
+        font-size: 14px;
+        color: #777;
+        font-weight: normal;
+      }
+    }
     h5{
       border-bottom: 1px solid #e6e6e6;
       padding: 10px 0px;
@@ -272,9 +281,9 @@
           border: 2px solid #7aaef3;
         }
         .pro-show{
+          width: 100px;
           position: absolute;
           top: 20px;
-          margin-left: 5px;
           color: @body-bg;
         }
       }

js/exam_detail_img.js

@@ -2,6 +2,15 @@ $(function () {
   const globaldata = {
     active: null,
     maxlength: null,
+    addHandler: function (element, type, handler) {
+      if (element.addEventListener) {
+        element.addEventListener(type, handler, false);
+      } else if (element.attachEvent) {
+        element.attachEvent("on" + type, handler);
+      } else {
+        element["on" + type] = handler;
+      }
+    }
   };
   // 实现跳转
   $(".my-nav").click(function (e) {
@@ -44,25 +53,42 @@ $(function () {
   // 进度条
   let showdom = $(".pro>.pro-content");
   // 显示数值
-  let pro_show = $("pro_show");
+  let pro_show = $(".pro>.pro-show");
   movedom.mousedown(function (e) {
+    $(".prog>.title").hide();
+    $(".pro>.pro-title").hide();
     startX = e.pageX;
     $(this).css('left') ? $(this).css('left') : $(this).css('left', '0px');
     let startLeft = parseInt($(this).css('left'));
-    console.log(startLeft)
     let $that = $(this);
-    $(document).mousemove(function (e) {
+    var move = 'ontouchstart' in document ? 'touchstart' : 'mousemove';
+    document.onmousemove = function (e) {
       let moveX = (e.pageX - startX) > 0 ? true : false;
       let movesection = startLeft + (e.pageX - startX);
       if (movesection >= 0 && movesection <= maxlength) {
-        let percent = (movesection / maxlength).toFixed(4) * 100 * gross;
+        let percent = (movesection / maxlength).toFixed(4) * gross;
         percent = Math.round(percent) + "分";
         let move = movesection + "px";
         showdom.css("width", move);
-        console.log(percent)
         pro_show.css("left", move).text(percent);
         $that.css("left", move)
+        window.getSelection ? window.getSelection().removeAllRanges() : document.selection.empty();
       }
-    })
-  }).mouseleave(function () { $(document).mousemove = null })
+    }
+  })
+  movedom.mouseup(function () { document.onmousemove = null })
+  movedom.mouseleave(function () { document.onmousemove = null })
+
+  // 不能实现的事件
+  function warm () {
+    alert("请在大联考App内登录后操作")
+  }
+  // $(".edi-open>span[data-click='open']").click(warm)
+  $(".edi-user").click(warm)
+  $(".choose").click(warm)
+
+  // 默认 时间
+  $(".pull-right>span").click(function () {
+    $(this).addClass('active').siblings("span").removeClass("active");
+  })
 })

xgk/xgk.html

@@ -112,4 +112,4 @@
   </div>
 </body>
 
-</html>
+</html>