终端弹窗

src/components/dialog/Dialog.vue

@@ -31,24 +31,20 @@
 </script>
 
 <style lang="less">
-  .ant-modal-header{
-    position: relative;
-    background: linear-gradient(270deg, rgba(106,112,124,0.4) 0%, rgba(106,112,124,0) 70%, rgba(106,112,124,0) 100%);
-    opacity: 1;
-    border: 1px solid;
-    border-image: linear-gradient(270deg, rgba(217.0000022649765, 231.00000143051147, 255, 0.5), rgba(217.0000022649765, 231.00000143051147, 255, 0)) 1 1;
-    &:before {
-      position: absolute;
-      content: '';
-      width: 7px;
-      height: 100%;
-      top: 0;
-      left: 0;
-      background-color: #45A2FF;
-    }
-  }
   .ant-modal-title{
+    position: relative;
+    display: flex;
+    align-items: center;
+    width: 100%;
+    height: 56px;
+    background: url("../../assets/images/dialog.png") no-repeat;
+    background-size: 100% 100%;
     color: #ffffff!important;
+    padding-left: 2%;
+  }
+  .ant-modal-header{
+    padding: 0!important;
+    padding-bottom: 0;
   }
   .ant-modal-header,.ant-modal-content{
     background-color: transparent!important;
@@ -56,8 +52,14 @@
   .ant-modal-body{
     padding: 0!important;
   }
-  :deep(.anticon){
-    color: #999999;
+  .ant-modal-close-x,.anticon {
+    color: #999999!important;
+  }
+  .ant-modal-footer{
+    border-top: none!important;
+  }
+  .ant-modal-wrap{
+    background-color: rgba(0,0,0,0.6);
   }
 
 </style>