bg图片

src/project/qujing/AppLegalLearning/components/GeneralLawExam.vue

@@ -212,8 +212,6 @@ export default {
       }
     }
 
-
-
     .auth_btn {
       display: flex;
       justify-content: space-between;

src/project/qujing/AppLegalLearning/result.vue

@@ -1,33 +1,34 @@
 <template>
   <div class="result">
     <u-navbar title="考试结果" :background="backgroundNavbar"></u-navbar>
+    <div class="result_info">
+      <div class="grade">100</div>
+      <div class="tips">
+        <div>考试分数</div>
+        <div>超过<span>99%</span>的人</div>
+      </div>
 
-    <div class="grade">100</div>
+      <div class="card_list">
-    <div class="tips">
+        <div class="pass">
-      <div>考试分数</div>
+          <div>结果</div>
-      <div>超过<span>99%</span>的人</div>
+          <div class="col_pass">通过</div>
+        </div>
+        <div class="time">
+          <div>用时</div>
+          <div class="col_333">1小时32分</div>
+        </div>
+        <div class="pass_num">
+          <div>对题数</div>
+          <div class="col_333">10</div>
+        </div>
+        <div class="nopass_num">
+          <div>对题数</div>
+          <div class="col_333">1</div>
+        </div>
+      </div>
+      <div class="btn" @click="back">返回</div>
     </div>
 
-    <div class="card_list">
-      <div class="pass">
-        <div>结果</div>
-        <div class="col_pass">通过</div>
-      </div>
-      <div class="time">
-        <div>用时</div>
-        <div class="col_333">1小时32分</div>
-      </div>
-      <div class="pass_num">
-        <div>对题数</div>
-        <div class="col_333">10</div>
-      </div>
-      <div class="nopass_num">
-        <div>对题数</div>
-        <div class="col_333">1</div>
-      </div>
-    </div>
-
-    <div class="btn" @click="back">返回</div>
   </div>
 </template>
 
@@ -37,10 +38,9 @@ export default {
   data() {
     return {
       backgroundNavbar: {
-        // background: "url('./img/navbar.png') no-repeat",
+        background: "url('https://cdn.cunwuyun.cn/qujing/navbar.png') no-repeat",
-        // backgroundSize: '100% 100%',
+        backgroundSize: '100% 100%',
       },
-      
     }
   },
   methods: {
@@ -57,87 +57,92 @@ export default {
 
 <style lang="scss" scoped>
 .result {
-  padding: 32px;
+    .result_info {
-  box-sizing: border-box;
+      padding: 32px;
-  .grade {
-    height: 112px;
-    font-size: 96px;
-    color: #2D7DFF;
-    line-height: 112px;
-    font-weight: 600;
-    padding-left: 16px;
-    box-sizing: border-box;
-  }
-
-  .tips {
-    display: flex;
-    justify-content: space-between;
-    font-size: 26px;
-    color: #999999;
-    padding-left: 16px;
-    box-sizing: border-box;
-    div {
-      & > span {
-        color: #2D7DFF;
-      }
-    }
-  }
-
-  .card_list {
-    margin-top: 48px;
-    display: flex;
-    flex-wrap: wrap;
-
-    .pass,
-    .time,
-    .pass_num,
-    .nopass_num {
-      width: 47%;
-      height: 172px;
-      background: #FFFFFF;
-      box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
-      border-radius: 16px;
-      padding: 24px;
       box-sizing: border-box;
+      background: url("https://cdn.cunwuyun.cn/qujing/bg.png") no-repeat;
+      background-size: 100% auto;
 
-      & > div:first-child {
+    .grade {
-        font-weight: 400;
+      height: 112px;
-        font-size: 26rpx;
+      font-size: 96px;
-        color: #999999;
+      color: #2D7DFF;
-        margin-bottom: 16px;
+      line-height: 112px;
-      }
+      font-weight: 600;
+      padding-left: 16px;
+      box-sizing: border-box;
+    }
 
-      & > div:last-child {
+    .tips {
-        font-weight: 500;
+      display: flex;
-        font-size: 50rpx;
+      justify-content: space-between;
-      }
+      font-size: 26px;
-
+      color: #999999;
-      .col_pass {
+      padding-left: 16px;
-        color: #3BBC37;
+      box-sizing: border-box;
-      }
+      div {
-
+        & > span {
-      .col_333 {
+          color: #2D7DFF;
-        color: #333333;
+        }
       }
     }
-    .pass,
-    .pass_num {
-      margin: 0 30px 32px 0;
-    }
-  }
 
-  .btn {
+    .card_list {
-    position: fixed;
+      margin-top: 48px;
-    bottom: 0;
+      display: flex;
-    left: 50%;
+      flex-wrap: wrap;
-    transform: translate(-50%, -50%);
+
-    width: 320px;
+      .pass,
-    height: 88px;
+      .time,
-    line-height: 88px;
+      .pass_num,
-    background: #2D7DFF;
+      .nopass_num {
-    border-radius: 44px;
+        width: 47%;
-    text-align: center;
+        height: 172px;
-    color: #FFFFFF;
+        background: #FFFFFF;
+        box-shadow: 0 0 8px 0 rgba(0,0,0,0.02);
+        border-radius: 16px;
+        padding: 24px;
+        box-sizing: border-box;
+
+        & > div:first-child {
+          font-weight: 400;
+          font-size: 26rpx;
+          color: #999999;
+          margin-bottom: 16px;
+        }
+
+        & > div:last-child {
+          font-weight: 500;
+          font-size: 50rpx;
+        }
+
+        .col_pass {
+          color: #3BBC37;
+        }
+
+        .col_333 {
+          color: #333333;
+        }
+      }
+      .pass,
+      .pass_num {
+        margin: 0 30px 32px 0;
+      }
+    }
+
+    .btn {
+      position: fixed;
+      bottom: 0;
+      left: 50%;
+      transform: translate(-50%, -50%);
+      width: 320px;
+      height: 88px;
+      line-height: 88px;
+      background: #2D7DFF;
+      border-radius: 44px;
+      text-align: center;
+      color: #FFFFFF;
+    }
   }
 }
 </style>

src/project/qujing/AppLegalLearning/testForm.vue

@@ -154,7 +154,7 @@ export default {
 .testForm {
   .testForm_info {
     background: url("https://cdn.cunwuyun.cn/qujing/bg.png") no-repeat;
-    background-size: 100% 100%;
+    background-size: 100% auto;
     padding: 80px 32px 0 32px;
     box-sizing: border-box;
 
@@ -163,7 +163,6 @@ export default {
       justify-content: space-between;
       font-size: 28px;
       color: #333333;
-      // margin-top: 80px;
 
       .type_left {
         font-weight: 600;