Browse Source

fix: imagepreview css

richard1015 5 years ago
parent
commit
016a195b2e
1 changed files with 32 additions and 32 deletions
  1. 32 32
      src/packages/imagepreview/imagepreview.scss

+ 32 - 32
src/packages/imagepreview/imagepreview.scss

@@ -1,39 +1,39 @@
 .nut-imagepreview {
-	&-swiper {
-		height: 100%;
-		width: 100vw;
-		background-color: transparent;
-	}
+  &-swiper {
+    height: 100% !important;
+    width: 100vw;
+    background-color: transparent;
+  }
 
-	&-img {
-		width: 100%;
-		height: 100%;
-		object-fit: contain;
-	}
+  &-img {
+    width: 100%;
+    height: 100%;
+    object-fit: contain;
+  }
 
-	&-index {
-		position: fixed;
-		top: 50px;
-		text-align: center;
-		left: 0;
-		right: 0;
-		background: transparent;
-		color: #fff;
+  &-index {
+    position: fixed;
+    top: 50px;
+    text-align: center;
+    left: 0;
+    right: 0;
+    background: transparent;
+    color: #fff;
 
-		.arrow {
-			position: absolute;
-			left: 15px;
-			transform: rotateZ(180deg);
-		}
-	}
+    .arrow {
+      position: absolute;
+      left: 15px;
+      transform: rotateZ(180deg);
+    }
+  }
 
-	.popup-bg {
-		background: rgba(0, 0, 0, 0.9);
-	}
+  .popup-bg {
+    background: rgba(0, 0, 0, 0.9);
+  }
 
-	.popup-box {
-		height: 100%;
-		overflow: visible;
-		background-color: transparent;
-	}
+  .popup-box {
+    height: 100%;
+    overflow: visible;
+    background-color: transparent;
+  }
 }