修改

src/components/course/courserefund-form.vue

@@ -3,8 +3,11 @@
     color: #000;
     width: 193px;
     text-align: center;
-    z-index: -99;
     padding: 10px;
+    position:absolute; 
+    left:0px; 
+    top:0px;
+    z-index:-1;
   }
 
   .courserefund_Div>div {
@@ -21,7 +24,7 @@
       <div>您的退款协议《{{ProtocolNum}}》</div>
       <div>请长按识别二维码,查阅并签字</div>
     </div>
-    <q-table :pagination="pageMsg" :loading="loading" style="margin-top:-251px" no-data-label="暂无相关数据" flat
+    <q-table :pagination="pageMsg" :loading="loading" no-data-label="暂无相关数据" flat
       class="sticky-column-table" separator="none" title="退课协议" :data="dataList" :columns="columns" row-key="name">
       <template v-slot:top="props">
         <div class="col-2 q-table__title">退课协议</div>
@@ -185,7 +188,7 @@
           rowsPerPage: 12,
         },
         billObj: {},
-        imgUrl: 'http://192.168.20.24:8300/upfile/temporary/20210805/637637591390867572.jpg',
+        imgUrl: '',
         getBlob: '',
         ProtocolNum: ''
       }

src/pages/courseRefundH5.vue

@@ -122,13 +122,6 @@
     margin-bottom: 10px;
   }
 
-  .comTop {
-    margin-top: 10px;
-  }
-
-  .conUnderLine {
-    text-decoration: underline;
-  }
 
   .CanvasDiv {
     width: 100%;