浏览代码

fix:修改popup的css

yangkaixuan 5 年之前
父节点
当前提交
bc6ef5c3d3
共有 2 个文件被更改,包括 36 次插入37 次删除
  1. 1 37
      src/packages/popup/mask.vue
  2. 35 0
      src/packages/popup/popup.scss

+ 1 - 37
src/packages/popup/mask.vue

@@ -11,40 +11,4 @@ export default {
   },    
 };
 </script>
-<style lang="scss" scoped>
-.popup-fade-enter-active {
-  animation: 0.3s nut-fade-in;
-}
-.popup-fade-leave-active {
-  animation: 0.3s nut-fade-out;
-}
-.bg {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.7);
-  z-index: 99;
-}
-
-@keyframes nut-fade-in {
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-}
-
-@keyframes nut-fade-out {
-  from {
-    opacity: 1;
-  }
-
-  to {
-    opacity: 0;
-  }
-}
-</style>
+ 

+ 35 - 0
src/packages/popup/popup.scss

@@ -131,4 +131,39 @@ $popup-close-icon-margin: 16px;
 }
  
 
+ .popup-fade-enter-active {
+  animation: 0.3s nut-fade-in;
+}
+.popup-fade-leave-active {
+  animation: 0.3s nut-fade-out;
+}
+.bg {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.7);
+  z-index: 99;
+}
+
+@keyframes nut-fade-in {
+  from {
+    opacity: 0;
+  }
+
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes nut-fade-out {
+  from {
+    opacity: 1;
+  }
+
+  to {
+    opacity: 0;
+  }
+}