updated

src/main/resources/static/css/product/filePreview.css

@@ -6,15 +6,6 @@
         background: #fff;
         position: relative;
     }
-    .afterHidden:after {
-        content: " ";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        border: 0.5px solid rgba(255,255,255,0.2);
-        box-shadow: 0 -12px 26px #d00;
-    }
     #file .more {
         position: absolute;
         z-index: 1;
@@ -24,6 +15,10 @@
         color: red;
         transform: translateX(-50%);
         cursor: pointer;
+        width: 100%;
+        text-align: center;
+        background: rgba(255,255,255,0.8);
+        box-shadow: 0 -8px 26px #fff;
     }
 }
 
@@ -37,15 +32,6 @@
         background: #fff;
         position: relative;
     }
-    .afterHidden:after {
-        content: " ";
-        position: absolute;
-        bottom: 0;
-        left: 0;
-        width: 100%;
-        border: 0.5px solid rgba(255,255,255,0.2);
-        box-shadow: 0 -12px 26px #d00;
-    }
     #file .more {
         position: absolute;
         z-index: 1;
@@ -55,5 +41,9 @@
         color: red;
         transform: translateX(-50%);
         cursor: pointer;
+        width: 100%;
+        text-align: center;
+        background: rgba(255,255,255,0.8);
+        box-shadow: 0 -8px 26px #fff;
     }
 }

src/main/resources/static/js/product/filePreview.js

@@ -10,7 +10,7 @@ var FilePreview = new Vue({
     methods: {
     //    查看更多
         readMore() {
-            this.handlePreviewOffice(this.fileInfo)
+            this.checkPermission()
         },
     },
 })