20210821 16-20

.idea/workspace.xml

@@ -3,9 +3,8 @@
   <component name="ChangeListManager">
     <list default="true" id="82570a17-8430-4238-ae79-81bbbd2de81f" name="Default Changelist" comment="">
       <change beforePath="$PROJECT_DIR$/.idea/workspace.xml" beforeDir="false" afterPath="$PROJECT_DIR$/.idea/workspace.xml" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/h_exam/exam_list.html" beforeDir="false" afterPath="$PROJECT_DIR$/h_exam/exam_list.html" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/js/components.js" beforeDir="false" afterPath="$PROJECT_DIR$/js/components.js" afterDir="false" />
-      <change beforePath="$PROJECT_DIR$/js/exam_list.js" beforeDir="false" afterPath="$PROJECT_DIR$/js/exam_list.js" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/exam_detail_img.css" beforeDir="false" afterPath="$PROJECT_DIR$/css/exam_detail_img.css" afterDir="false" />
+      <change beforePath="$PROJECT_DIR$/css/exam_detail_img.less" beforeDir="false" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="SHOW_DIALOG" value="false" />
@@ -99,12 +98,12 @@
     <session id="-1918643531">
       <usages-collector id="statistics.file.extensions.edit">
         <counts>
-          <entry key="txt" value="66" />
+          <entry key="txt" value="73" />
         </counts>
       </usages-collector>
       <usages-collector id="statistics.file.types.edit">
         <counts>
-          <entry key="PLAIN_TEXT" value="66" />
+          <entry key="PLAIN_TEXT" value="73" />
         </counts>
       </usages-collector>
       <usages-collector id="statistics.lifecycle.project">
@@ -161,8 +160,8 @@
       <file pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/css/components.less">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="66">
-              <caret line="706" column="14" selection-start-line="706" selection-start-column="14" selection-end-line="706" selection-end-column="14" />
+            <state relative-caret-position="363">
+              <caret line="715" column="14" lean-forward="true" selection-start-line="715" selection-start-column="14" selection-end-line="715" selection-end-column="14" />
             </state>
           </provider>
         </entry>
@@ -245,8 +244,8 @@
     <sorting>DEFINITION_ORDER</sorting>
   </component>
   <component name="ProjectFrameBounds">
-    <option name="x" value="-182" />
-    <option name="y" value="178" />
+    <option name="x" value="-243" />
+    <option name="y" value="58" />
     <option name="width" value="1933" />
     <option name="height" value="899" />
   </component>
@@ -724,11 +723,18 @@
       <option name="project" value="LOCAL" />
       <updated>1629701924179</updated>
     </task>
-    <option name="localTasksCounter" value="43" />
+    <task id="LOCAL-00043" summary="20210821 16-00">
+      <created>1629705764866</created>
+      <option name="number" value="00043" />
+      <option name="presentableId" value="LOCAL-00043" />
+      <option name="project" value="LOCAL" />
+      <updated>1629705764866</updated>
+    </task>
+    <option name="localTasksCounter" value="44" />
     <servers />
   </component>
   <component name="ToolWindowManager">
-    <frame x="-182" y="178" width="1933" height="899" extended-state="0" />
+    <frame x="-243" y="58" width="1933" height="899" extended-state="0" />
     <editor active="true" />
     <layout>
       <window_info content_ui="combo" id="Project" order="0" visible="true" weight="0.16711159" />
@@ -840,9 +846,9 @@
     <MESSAGE value="20210821 14-21" />
     <MESSAGE value="20210821 16-51" />
     <MESSAGE value="20210821 17-30" />
-    <MESSAGE value="20210821 16-00" />
     <MESSAGE value="20210821 8-37 修改" />
-    <option name="LAST_COMMIT_MESSAGE" value="20210821 8-37 修改" />
+    <MESSAGE value="20210821 16-00" />
+    <option name="LAST_COMMIT_MESSAGE" value="20210821 16-00" />
   </component>
   <component name="editorHistoryManager">
     <entry file="file://$PROJECT_DIR$/h_news/new_detail.html" />
@@ -947,8 +953,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/css/components.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="66">
-          <caret line="706" column="14" selection-start-line="706" selection-start-column="14" selection-end-line="706" selection-end-column="14" />
+        <state relative-caret-position="363">
+          <caret line="715" column="14" lean-forward="true" selection-start-line="715" selection-start-column="14" selection-end-line="715" selection-end-column="14" />
         </state>
       </provider>
     </entry>

css/exam_detail_img.css

@@ -14,6 +14,12 @@
   margin: auto;
   margin-top: 90px;
   max-width: 768px;
+  box-sizing: border-box;
+}
+@media screen and (max-width: 768px) {
+  .body {
+    padding: 5px;
+  }
 }
 .body h4 {
   font-weight: 600;

css/exam_detail_img.less

@@ -1,336 +0,0 @@
-@body-bg: #03C762;
-.header{
-  max-width: 768px;
-  margin-left: calc(~"50vw - 389px");
-  @media screen and (max-width:768px) {
-    margin: auto;
-  }
-  .container{
-   max-width:  768px ;
-  }
-}
-.body {
-  margin: auto;
-  margin-top: 90px;
-  max-width: 768px;
-  h4 {
-    font-weight: 600;
-  }
-
-  .edi-a {
-    display: block;
-    background-color: #f5f5f5;
-    padding: 10px;
-    margin: 5px 0px;
-    border-radius: 5px;
-    color: #777;
-    position: relative;
-
-    span {
-      display: block !important;
-      overflow: hidden;
-      white-space: nowrap;
-      text-overflow: ellipsis;
-      width: calc(~"100% - 16px");
-    }
-
-    i {
-      color: #ccc;
-      position: absolute;
-      right: 10px;
-      top: 12px
-    }
-  }
-
-  .edi-p1 {
-    font-size: 12px;
-    color: #777;
-    line-height: 50px;
-    margin: 0;
-  }
-
-  .edi-p2 {
-    color: #999;
-    padding-bottom: 25px;
-    border-bottom: 8px solid #f5f5f5;
-
-    &>span:first-child {
-      display: inline-block;
-      padding: 5px 5px 0px 5px;
-      border-radius: 15px 15px 5px 5px;
-      background-color: #f5f5f5;
-    }
-
-    .edi-p-span {
-      padding: 5px 0px 0px;
-
-      span {
-        margin-right: 20px;
-        font-size: 12px;
-      }
-
-      img {
-        width: 20px;
-        height: 20px;
-      }
-    }
-  }
-
-  .edi-body {
-    position: relative;
-    padding-bottom: 50px;
-    height: 800px;
-    overflow: hidden;
-    .fixed{
-      position: fixed;
-      top: 0;
-      width: 100%;
-      background-color: #fff;
-      border-bottom: 0;
-      padding-bottom: 10px;
-      @media screen and (max-width:768px){
-        &{
-          top: 80px;
-        }
-      }
-    }
-    .edi-user {
-      margin-top: 10px;
-      padding: 10px;
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      @media screen and (max-width:768px) {
-        & {
-          padding: 10px 0px;
-        }
-      }
-
-      .left {
-        display: flex;
-        justify-content: flex-start;
-        align-items: center;
-
-        img {
-          width: 50px;
-          height: 50px;
-          margin: 0 10px;
-
-          @media screen and (max-width:768px) {
-            & {
-              width: 30px;
-              height: 30px;
-              margin-left: 0px;
-              margin-right: 5px;
-            }
-          }
-        }
-        div {
-          p {
-            text-align: start;
-            margin: 5px 0;
-
-            @media screen and (max-width:768px) {
-              & {
-                margin: 0;
-              }
-            }
-          }
-
-          &>p:last-child {
-            font-size: 12px;
-            color: #999;
-          }
-        }
-      }
-
-      .right {
-        i {
-          background-color: @body-bg;
-          font-size: 25px;
-          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;
-              margin-left: 0;
-            }
-          }
-        }
-      }
-    }
-   
-    p {
-      width: 100%;
-      text-align: center;
-      img {
-        width: 100%;
-      }
-    }
-    .edi-line{
-      color: #f03;
-      display: flex;
-      font-size: 16px;
-      justify-content: center;align-items: center;
-      white-space: nowrap;
-      &::after{
-        content: '';
-        display: inline-block;
-        border-bottom: 1px solid #e6e6e6;
-        width: 100%;
-        margin-left: 10px;
-      }
-      &::before{
-        content: '';
-        display: inline-block;
-        border-bottom: 1px solid #e6e6e6;
-        width: 100%;
-        margin-right: 10px;
-      }
-    }
-
-    .edi-open {
-      width: 100%;
-      text-align: center;
-      background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0, #fff 100%);
-      position: absolute;
-      bottom: 0px;
-      padding-top: 50px;
-      span{
-        display: inline-block;
-        border-radius: 30px;
-        background-color: #eef5ff;
-        padding: 6px 20px;
-        color:@body-bg;
-        i{
-          margin-left: 5px;
-        }
-      }
-    }
-  }
-  .edi-body-height{
-    height: auto;
-  }
-  .edi-footer{
-    margin-top: 50px;
-    text-align: center;
-    color: #777;
-    .choose{
-      width: 300px;
-      margin: auto;
-      display: flex;justify-content: space-around;
-      align-items: center;
-      .img{
-        width: 66px;
-        img{
-          width: 100%;
-        }
-        color: #000;
-        span{
-          color: #777;
-          margin-left: 5px;
-        }
-      }
-    }
-  }
-  .interactive{
-    .pull-left{
-      label{
-        vertical-align: middle;
-        font-size: 14px;
-        color: #777;
-        font-weight: normal;
-      }
-    }
-    h5{
-      border-bottom: 1px solid #e6e6e6;
-      padding: 10px 0px;
-      margin: 5px 0px;
-    }
-    .pull-right{
-      .active{
-        color: #000;
-      }
-      span{
-        color: #777;
-      }
-    }
-    .alert{
-      clear: both;
-    }
-  }
-  .prog{
-    background-color: #eef5ff;
-    border-radius: 5px;
-    padding: 20px;
-    @media screen and (max-width:768px) {
-      padding: 20px 5px;
-    }
-    position: relative;
-    .title{
-      color: @body-bg;
-      position: absolute;
-      top: 10px;
-    }
-    .flex{
-      height: 50px;
-      box-sizing: border-box;
-      display: flex;justify-content: space-between;align-items: center;
-      .pro{
-        width: 100%;
-        max-width: 50%;
-        min-width:200px;
-        box-sizing: border-box;
-        height: 5px;
-        border-radius: 5px;
-        background-color: #fff;
-        margin-right: 20px;
-        position: relative;
-        .pro-title{
-          position: absolute;
-          right: 0px;
-          top: -20px;
-          color: #999;
-        }
-        .pro-content{
-          width: 0%;
-          height: 100%;
-          background-color: @body-bg;
-        }
-        .icon{
-          position: absolute;
-          width: 30px;
-          height:30px;
-          box-sizing: border-box;
-          background-color: #fff;
-          text-align: center;
-          line-height: 27px;
-          border-radius: 50%;
-          top: -12px;
-          border: 2px solid #7aaef3;
-        }
-        .pro-show{
-          width: 100px;
-          position: absolute;
-          top: 20px;
-          color: @body-bg;
-        }
-      }
-      .button{
-        width: 80px;
-        line-height: 40px;
-        text-align: center;
-        color: #fff;
-        background-color: #7aaef3;
-        border-radius: 10px;
-        box-sizing: border-box;
-      }
-    }
-  }
-}