diff --git a/src/resources/directives/img-viewer.less b/src/resources/directives/img-viewer.less
index 393b3870c3071ec9bdc10f0f605d1d4387e508b7..c56afd0ffe90e33dadcd77e08f9eec4bbe60e715 100644
--- a/src/resources/directives/img-viewer.less
+++ b/src/resources/directives/img-viewer.less
@@ -1,51 +1,52 @@
-.carosel-img{
+.carosel-img {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 200;
   top: 0;
   left: 0;
-  .img-tool{
+  .img-tool {
     position: absolute;
     top: 0;
     opacity: 0.8;
     font-size: 18px;
     width: 100%;
-    .img-btn{
+    .img-btn {
       float: right;
       padding: 3px 16px;
       cursor: pointer;
-      .tsfont-close{
+      .tsfont-close {
         padding: 10px 0px;
-      
       }
     }
   }
-  .demo-carousel{
+  .demo-carousel {
     text-align: center;
+    width: 100%; // 解决预览时，图片显示不完整问题
+    height: 100%;
     position: relative;
     top: 50%;
     transform: translate(0, -50%);
-    img{
+    img {
       user-select: none;
       max-width: 90%;
       max-height: 100%;
       cursor: zoom-in;
-      &[isMax='1']{
+      &[isMax='1'] {
         cursor: zoom-out;
       }
     }
   }
-  .ivu-carousel-arrow>*{
+  .ivu-carousel-arrow > * {
     font-size: 25px;
     vertical-align: middle;
   }
 }
-.img-viewer{
-  img{
-    cursor:zoom-in;
+.img-viewer {
+  img {
+    cursor: zoom-in;
   }
   .image > img {
     max-width: 100%;
   }
-}
\ No newline at end of file
+}