vue-office [[1]][1]Vue-Office预览的vue组件库，支持vue2/3。也支持非Vue框架的预览。 准备工作 #docx文档预览组件 npm install @vue-office/docx vue-demi@0.14.6 #excel文档预览组件 npm install

页面代码 ˂!-- --˃ <!--autointro-->

页面所用单位全部改为rem 复制该代码到文件中 修改代码中的设计稿尺寸 在组件中引入该Hook,并使用 import { useScreenAdaptation } from '@/hooks/useScreen'; useScreenAdaptation( // hooks/use

实现效果 代码示例 import AreaSelectr from '@/components/Areaselect' // 引入组件 <el-col :span="12"> <el-form-item label="常驻地" prop="areaNo"><

实现效果 可拖拽弹窗默认样式 可拖拽弹窗内嵌PDF预览组件 简单示例 <!-- 可拖拽悬浮窗 --><!--autointro-->

效果如下 简单示例 <template> <PdfViewer :pdfUrl="demoPdf" /> </temlate> import demoPdf from "@/assets/demo.pdf"; 实现代码 1 . 安装pdfjs-di

Pinia 实现状态管理 import { defineStore } from 'pinia' import { createPersistedState } from 'pinia-plugin-persistedstate' export const useMessageStore = d

代码简单使用 function initSocket(userId { const { socket, destroy } = useSocketWithoutUrl(`/ws/websocket/${userId}`, { isInitConnect: false } ; socket.

watermarks脚本文件 // watermarks.ts interface WatermarkOptions { rabbitStudent_innerText?: string | Array<String>; rabbitStudent_canvasWidt