description： This is a simple preview component, can be applied to PC and mobile terminal, can preview video, pictures, document files (need to preview the file address, can not use the download file address), and simple word preview.
可支持的文件格式： "doc", "docx", "xls", "xlsx", "ppt", "pptx", "zip", "rar", "pdf","xml", "js", "css", "json", "txt", "md", "c", "java", "ts","jpg", "png", "gif", "ico", "icon", "jpeg","avi", "mp4", "mp3", "webm", "m4v", "rmvb", "mpg", "3gp", "swf", "mkv",
使用方法 import PreviewPm from 'preview-pm';
data(){ return{ item:{ url:"可预览url",添加可预览url }, } }
components: { PreviewPm, },
同时需要在 element-ui/lib/theme-chalk/index.css文件中更换以下几个文件（其实最好是后端使用kkview会更加合适。如果pdf不可以预览，可以换成pdf.js插件）: .el-dialog__wrapper { position: fixed; top: -10vh; right: 0; bottom: 0; left: 0; overflow: auto; margin: 0; display: flex; justify-content: center; align-items: center; } .el-dialog__body { display: flex; justify-content: center; align-items: center; height: 90%; padding: 30px 20px; color: #606266; font-size: 14px; word-break: break-all } .el-dialog--center { height: 80%; text-align: center }