新增预警页面

web-vue/packages/core/components/Modal/src/BasicModal.vue

@@ -245,6 +245,9 @@
 
 <style lang="less">
   @prefix-cls: ~'jeesite-basic-modal';
+  
+  @modal-footer-bg: #f0f7ff;
+  @modal-footer-border: #d6e8ff;
 
   .ant-modal.@{prefix-cls} {
     .ant-modal {
@@ -310,8 +313,11 @@
       &-footer {
         padding: 14px;
         margin-top: 0;
-        // border-top: 1px solid fade(@border-color-base, 50%);
-
+		background-color: @modal-footer-bg;
+		border-top: 1px solid @modal-footer-border;
+		padding: 12px 16px;
+		border-bottom-left-radius: 2px;
+		border-bottom-right-radius: 2px;
         button + button {
           margin-left: 10px;
         }
@@ -331,14 +337,6 @@
         }
       }
 
-      // 注释掉，防止点击全屏误触关闭
-      //&-close-x {
-      //  display: inline-block;
-      //  width: 96px;
-      //  height: 55px;
-      //  line-height: 55px;
-      //}
-
       &-confirm-body {
         .ant-modal-confirm-content {
           // color: #fff;
@@ -377,26 +375,6 @@
     }
   }
 
-  // .ant-modal.@{prefix-cls} {
-  //   top: 150px !important;
-  //   vertical-align: top !important;
-  // }
-  // @media screen and (max-height: 600px) {
-  //   .ant-modal.@{prefix-cls} {
-  //     top: 60px !important;
-  //   }
-  // }
-  // @media screen and (max-height: 540px) {
-  //   .ant-modal.@{prefix-cls} {
-  //     top: 30px !important;
-  //   }
-  // }
-  // @media screen and (max-height: 480px) {
-  //   .ant-modal.@{prefix-cls} {
-  //     top: 10px !important;
-  //   }
-  // }
-
   .fullscreen-modal {
     overflow: hidden;