diff --git a/src/components/customPic/index.vue b/src/components/customPic/index.vue
index 63212e2..76881e2 100644
--- a/src/components/customPic/index.vue
+++ b/src/components/customPic/index.vue
@@ -70,7 +70,7 @@ const previewSrcList = computed(() => props.preview ? [file.value] : [])
 </script>
 
 <style scoped>
-.headerAvatar {
+.headerAvatar1 {
   display: flex;
   justify-content: center;
   align-items: center;
diff --git a/src/view/content/mediaFile/index.vue b/src/view/content/mediaFile/index.vue
index f4ac688..193d40b 100644
--- a/src/view/content/mediaFile/index.vue
+++ b/src/view/content/mediaFile/index.vue
@@ -12,9 +12,10 @@
       </div>
 
       <el-table :data="tableData">
-        <el-table-column align="left" label="预览" width="120">
+        <el-table-column align="left" label="预览" width="110">
           <template #default="scope">
-            <CustomPic pic-type="file" :pic-src="scope.row.url" preview />
+            <el-image :src="getUrl(scope.row.url)" class="file" fit="cover" :preview-src-list="[getUrl(scope.row.url)]"
+              :preview-teleported="true" style="width: 80px; height: 80px" />
           </template>
         </el-table-column>
         <el-table-column align="left" label="日期" prop="UpdatedAt" width="180">
@@ -51,6 +52,7 @@
 </template>
 
 <script setup>
+import { getUrl } from '@/utils/image'
 import { getFileList, deleteFile, editFileName } from '@/api/mediaFile'
 import { downloadImage } from '@/utils/downloadImg'
 import CustomPic from '@/components/customPic/index.vue'
@@ -68,9 +70,6 @@ defineOptions({
 
 const path = ref(import.meta.env.VITE_BASE_API)
 
-const imageUrl = ref('')
-const imageCommon = ref('')
-
 const page = ref(1)
 const total = ref(0)
 const pageSize = ref(10)