问题上报弹框及所需图片

src/views/screen/engineering/issueSubDia.vue

@@ -3,14 +3,14 @@
     <div style="width: 100%;height: 35px;margin-bottom: 20px;display: flex;justify-content: center">
       <img src="../../../assets/zhang/engineer/issueTitle.png">
       <div class="myTitle">问题上报</div>
-      <div style="background-color: #42b983;width: 20px;height: 20px;position: absolute;top: 0;right: 0" @click="close"></div>
-    </div>
-    <div v-if="dialogVisible" style="z-index: 10000;display: flex;justify-content: center;align-items: center;background-color: rgba(59,58,58,0.35);position: absolute;width: 100%;height: 100%">
-      <div style="display: flex;width: 400px;height: 320px;justify-content: center;align-items: center;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2), 0 25px 50px 0 rgba(0, 0, 0, 0.1);position: relative;background-color: rgba(114,215,199,0.17);border-radius: 4px">
-        <i class="el-icon-circle-close" style="color: #00F6EC;position: absolute;right: 10px;top:10px;" @click="handleCloseView"></i>
-        <img width="300px" :src="dialogImageUrl" alt="">
+      <div style=""></div>
+      <div style="width: 20px;height: 20px;position: absolute;top: 5px;right: 15px" @click="close">
+        <img src="../../../assets/zhang/engineer/ownCloseBtn.png">
       </div>
     </div>
+    <div v-if="dialogVisible" style="z-index: 10000;display: flex;justify-content: center;align-items: center;background-color: transparent;position: absolute;width: 100%;height: 100%" @click="handleCloseView">
+        <img width="600px" :src="dialogImageUrl" alt="">
+    </div>
 
 
     <div class="me">
@@ -179,6 +179,7 @@ export default {
   justify-content: center;
   align-items: center;
   flex-wrap: wrap;
+  transition: background-color 0.5s ease;
 }
 .sth:hover{
   opacity: 1;