预警弹框细节优化

mes-ui/mes-ui-admin-vue3/src/views/Home/Index.vue

@@ -6,15 +6,15 @@
     <div class="warn" v-if="showWarning">
       <div class="warntitle">
         <span> 设计预警通知</span>
-        <span @click="closeWran"> <el-icon>
+        <span @click="closeWran" class="warnclose"> <el-icon>
             <CloseBold />
           </el-icon></span>
       </div>
       <div class="warncenter">
         <div class="warntext" v-for="item in 5" :key="item">
-          <span><img :src="warnimg" alt="" /></span>
+          <span style="margin-top:5px"><img :src="warnimg" alt="" /></span>
           <div class="warnnr">
-            <span>铸造工艺设计负责人: <span class="warnname">薛小宝</span> 请注意!</span>
+            <span>铸造工艺设计负责人: <span class="warnname">{{`薛小宝`}}</span> 请注意!</span>
             <span class="warnbh">项目编号【{{ item}}】的图纸设计即将超时，请及时完成。</span>
           </div>
         </div>
@@ -448,6 +448,9 @@ onMounted(() => {
     display: flex;
     justify-content: space-between;
     align-items: center;
+    .warnclose{
+      cursor: pointer;
+    }
   }
   .warncenter {
     height: 250px;
@@ -459,6 +462,7 @@ onMounted(() => {
       display: flex;
       justify-content: space-between;
       color: #54595e;
+      margin-bottom: 10px;
       .warnnr {
         margin-left: 10px;
         display: flex;