我的学习页面修改

client/src/pages/examination/myExamination.vue

@@ -4,7 +4,7 @@
       <div class="title">我的考试</div>
       <div class="card-box">
         <ul>
-          <li v-for="(item, index) in examinaList" :key="index">
+          <li v-for="(item, index) in examinaList" :key="index" @click="popShow">
             <img :src="item.img" alt="">
             <div class="txt">{{ item.text }}</div>
           </li>
@@ -12,6 +12,7 @@
       </div>
     </div>
     <div class="dialog" v-show="dialogVisible">
+      <div class="click-pop" @click="popHide"></div>
       <div class="scroll" :style="{height:(popHeight-50)+'px'}">
         <div class="cont" :style="{height:(popHeight-130)+'px'}">
           <div class="tit">考试须知</div>
@@ -59,6 +60,12 @@ export default {
     setHeight () {
       const viewHeight = document.body.offsetHeight
       this.popHeight = viewHeight
+    },
+    popShow () {
+      this.dialogVisible = true
+    },
+    popHide () {
+      this.dialogVisible = false
     }
   }
 }
@@ -127,6 +134,14 @@ export default {
       -o-transform: translate(-50%,-50%);
       border-radius:6px;
       overflow: hidden;
+      z-index: 9;
+    }
+    .click-pop{
+      position:absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
     }
     .cont{
       width: 600px;