fix : 优化首页样式

src/components/filePreview/PptPreview.vue

@@ -0,0 +1,28 @@
+<template>
+  <div id="pptx" ></div>
+</template>
+
+<script setup >
+const props = defineProps({
+  fileUrl: {
+    type: String,
+    default: ''
+  },
+  fullscreen: {
+    type: Boolean,
+    default:false
+  }
+})
+// js部分 jquery已在index.html中引入 无需另外安装
+const handlePPtx = () => {
+  $("#pptx").pptxToHtml({
+    pptxFileUrl: props.fileUrl, //pptx文件地址
+    slidesScale: "100%",
+  });
+}
+handlePPtx()
+</script>
+
+<style scoped>
+
+</style>

src/components/filePreview/index.vue

@@ -6,6 +6,7 @@
                :append-to-body="false"
                :close-on-click-modal="true"
     >
+      <ppt-preview :file-url="fileUrl" :fullscreen="fullscreen" v-if="fileType === 'ppt'||fileType === 'pptx'"/>
       <pdf-preview :file-url="fileUrl" :fullscreen="fullscreen" v-if="fileType === 'pdf'"/>
       <docx-preview :file-url="fileUrl" :fullscreen="fullscreen" v-if="fileType === 'docx'"/>
       <image-preview :fileUrl="fileUrl" :fullscreen="fullscreen" :fileName="fileName" v-if="checkImgType(fileType)"/>
@@ -43,7 +44,7 @@ const checkImgType=(fileType)=>{
   return fileType == 'png' || fileType == 'jpg' || fileType == 'jpeg' || fileType == 'ico' || fileType == 'PNG' || fileType == 'JPG';
 }
 console.info("🚀 ~method:‘checkImgType(props.fileType) -----", checkImgType(props.fileType))
-if(props.fileType!=='pdf'&&props.fileType!=='docx'&&!checkImgType(props.fileType)){
+if(props.fileType!=='pdf'&&props.fileType!=='docx'&&props.fileType !== 'ppt'&&props.fileType !== 'pptx'&&!checkImgType(props.fileType)){
   showPreview.value=false
   ElNotification({
     title: '提示',