Browse Source

chore: imagepreview 组件样式更新

wangchunyu11 5 years ago
parent
commit
e8967e6d5a

+ 10 - 2
src/packages/imagepreview/imagepreview.scss

@@ -25,6 +25,14 @@
       transform: rotateZ(180deg);
     }
   }
-}
-
 
+  .popup-bg {
+    background: rgba(0,0,0,0.9);;
+  }
+  
+  .popup-box {
+    height: 100%;
+    overflow: visible;
+    background-color: transparent;
+  }
+}

+ 2 - 8
src/packages/imagepreview/imagepreview.vue

@@ -1,5 +1,5 @@
 <template>
-  <div>
+  <div class="nut-imagepreview">
     <nut-popup v-model="value">
       <nut-swiper
         class="nut-imagepreview-swiper"
@@ -46,10 +46,4 @@ export default {
   }
 };
 </script>
-<style lang="scss" scoped>
-.popup-box {
-  height: 100%;
-  overflow: visible;
-  background-color: transparent;
-}
-</style>
+<style lang="scss"> </style>