摘要: Vue使用scale方法实现响应式自适应大屏缩放通用组件详解(附完整代码) 前言 在开发数据大屏项目时,我们经常会遇到一个“甜蜜的烦恼”:如何让页面内容随着浏览器窗口大小灵活缩放,适配各种分辨率的设备。以前我总是靠 rem 单位配合动态设置 html 的 font-size 来实现响应式布局,妥妥的 阅读全文
posted @ 2025-09-02 08:56 李秋风 阅读(141) 评论(0) 推荐(0)
摘要: 一、后台管理页面 1、首先安装uni-admin作为控制应用的后台系统。 2、创建后会需要绑定云服务空间。 服务空间可以去https://unicloud.dcloud.net.cn/pages/login/login申请,阿里云还是提供了一个免费的服务空间。 3、依次点击下一步,等待部署完毕。第一 阅读全文
posted @ 2025-08-25 17:31 李秋风 阅读(405) 评论(0) 推荐(0)
摘要: // 在起始页面跳转到test.vue页面,并监听test.vue发送过来的事件数据 点击查看代码 url: '/pages/test?id=1', events: { // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据 acceptDataFromOpenedPage: funct 阅读全文
posted @ 2025-08-25 17:21 李秋风 阅读(20) 评论(0) 推荐(0)
摘要: 1.创建签名组件 (SignaturePad.vue) 点击查看代码 <template> <view class="signature-container"> <canvas class="signature-canvas" :style="{ width: canvasWidth + 'px', 阅读全文
posted @ 2025-08-25 17:16 李秋风 阅读(203) 评论(0) 推荐(0)
摘要: 一、命运的齿轮开始转动 “小王啊,海外业务要上线了,国际化你搞一下,下个月验收。”组长轻描淡写的一句话,让我盯着祖传代码陷入沉思—— (脑补画面:满屏中文硬编码,夹杂着”确定”、”取消”、”加载中…”) 正当我准备打开BOSS直聘时,GitHub Trending上一个项目突然闪现—— auto-i 阅读全文
posted @ 2025-05-29 09:36 李秋风 阅读(23) 评论(0) 推荐(0)
摘要: 当你有一个dialog弹框,但弹框的背景并不是全屏的,只在除header,sidebar的地方显示,要求拖拽dialog弹框不能超过背景。 在components/common创建directives.js,具体代码如下: `import Vue from 'vue'; // v-dialogDra 阅读全文
posted @ 2025-05-29 09:27 李秋风 阅读(166) 评论(0) 推荐(0)
摘要: 1、在控制台安装electron cnpm install electron -g 2、在控制台安装electron-packager cnpm install electron-packager -g 3、uniapp的manifest.json修改 image.png 运行的基础路径修改为:./ 阅读全文
posted @ 2025-04-11 11:06 李秋风 阅读(768) 评论(0) 推荐(0)
摘要: 下载npm install xlsx file-saver 引入 import { utils, writeFile } from 'xlsx'; // 1. 将数据转换为工作表(Worksheet) const worksheet = utils.json_to_sheet(data.value) 阅读全文
posted @ 2025-02-23 10:49 李秋风 阅读(35) 评论(0) 推荐(0)
摘要: ` 姓名计算器 姓: 名: 您的姓名是:{{ username}} 您的姓名是:{{ username2}} {{ item.name }} 全选 ` 阅读全文
posted @ 2025-02-18 16:51 李秋风 阅读(17) 评论(2) 推荐(0)
摘要: ` watch {{ num }} {{ height }} +++ ` 阅读全文
posted @ 2025-02-18 16:38 李秋风 阅读(11) 评论(0) 推荐(0)