纯前端文档预览器(Flyfish Viewer)
2026/6/30 7:16:25 网站建设 项目流程

官方文档地址:https://doc.flyfish.dev/guide/quickstart-vue3
里面有多种集成方式,有vue2/vue3,以及jquery、原声js、react等,可以到官网详细查询

vue3实例(最简单粗暴)

下载依赖

使用 full 包可以直接获得完整格式矩阵

npmi @file-viewer/vue3pnpmadd@file-viewer/vue3-full

main.js文件引入

importAppfrom'./App.vue'importFileViewerfrom'@file-viewer/vue3-full'createApp(App).use(FileViewer).mount('#app')

页面应用:

<file-viewer url="URL地址":options="{ theme: 'light', toolbar: { position: 'bottom-right' } }"/>

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询