Browse Source

更新 DiskFile.vue 中的文件预览 el-dialog

reghao 6 months ago
parent
commit
af65369666
1 changed files with 9 additions and 16 deletions
  1. 9 16
      src/views/disk/DiskFile.vue

+ 9 - 16
src/views/disk/DiskFile.vue

@@ -100,13 +100,13 @@
       width="100%"
       center
     >
-      <el-card v-if="fileDetail !== null" class="box-card" style="padding-right: 5px; padding-left: 5px; padding-bottom: 5px">
-        <div slot="header" class="clearfix">
-          <span>{{ fileDetail.filename }}</span>
-        </div>
-        <div class="text item">
+      <div v-if="fileDetail !== null">
+        <el-row style="padding: 5px">
+          <span style="color: #0a84ff">{{ fileDetail.filename }}</span>
+        </el-row>
+        <el-row style="padding: 5px">
           <el-col v-if="fileType === 1001" :md="12">
-            <div class="imgs">
+            <div>
               <el-image
                 lazy
                 fit="cover"
@@ -138,8 +138,8 @@
           <el-col v-else-if="fileType === 1005" :md="12">
             文件
           </el-col>
-        </div>
-      </el-card>
+        </el-row>
+      </div>
     </el-dialog>
     <el-dialog
       :visible.sync="showCreateFolderDialog"
@@ -610,16 +610,9 @@ export default {
 </script>
 
 <style>
-/*处于手机屏幕时*/
-@media screen and (max-width: 768px){
-  .coverImg {
-    height: 120px !important;
-  }
-}
-
 .coverImg {
   width: 100%;
-  height: 320px;
+  height: 480px;
   display: block;
 }
 </style>