前端组件库 - Chen’Blog

Vue3 + VueOffice 全家桶进行多格式文件预览

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

页面代码 ˂!-- --˃ ...

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

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

实现效果可拖拽弹窗默认样式可拖拽弹窗内嵌PDF预览组件简单示例 ...

效果如下简单示例 <template> <PdfViewer :pdfUrl="demoPdf" /> </temlate> import demoPdf from "@/assets/demo.pdf";...

Pinia 实现状态管理 import { defineStore } from 'pinia' import { createPersistedState } from 'pinia-plugin-persistedstate' export con...

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

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