feat:图片查看

ZhangXianQiang

2024-07-03 450e4d8252f1042e8269db9ab3412d5df19bab35

 src/views/folder/index.vue

@@ -50,6 +50,7 @@
      </div>
    </div>

    <!-- pdf查看 -->
    <div class="pdf-container" v-show="pdfViewer">
      <PDFViewer :pdfUrl="'/helloworld.pdf'"></PDFViewer>
      <div class="close-btn">
@@ -62,6 +63,14 @@
        </el-button>
      </div>
    </div>

    <!-- image查看 -->
     <div class="image-container" v-show="imageViewer">
      <el-image-viewer :url-list="imageList" @close="closeViewer"></el-image-viewer>
     </div>

     <!-- 视频查看 -->
      
  </div>
</template>

@@ -79,6 +88,7 @@
    iconPath: '/static/icons/file_type_image.png',
    handle: (item) => {
      console.log(item);
      imageViewer.value = true;
    }
  },
  'video': {
@@ -103,6 +113,8 @@
const imageViewer = ref(false);
const videoViewer = ref(false);

const imageList = ref([]);

const fileList = ref([
  {
    id: 1,