浏览代码

🐛2个loding的样式冲突问题

shaogen1995 2 年之前
父节点
当前提交
62d7a24de3
共有 2 个文件被更改,包括 6 次插入5 次删除
  1. 3 3
      src/components/AsyncSpinLoding/index.module.scss
  2. 3 2
      src/components/SpinLoding/index.module.scss

+ 3 - 3
src/components/AsyncSpinLoding/index.module.scss

@@ -3,13 +3,13 @@
   pointer-events: none;
   transition: all .5s;
   position: fixed;
-  z-index: 9999;
+  z-index: 9998;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, .6);
-  // background-color: transparent;
+  // background-color: rgba(0, 0, 0, .6);
+  background-color: transparent;
   :global{
     .ant-spin-spinning{
       position: absolute;

+ 3 - 2
src/components/SpinLoding/index.module.scss

@@ -1,9 +1,10 @@
 .SpinLoding {
+  position: relative;
+  z-index: 9999;
   width: 100%;
   height: 100%;
+  background-color: #fff;
   display: flex;
   justify-content: center;
   align-items: center;
-  background-color: transparent;
-  // background-color: rgba(255, 255, 255, .4);
 }