摘要：
<template> <div class="tab__main" :style="prop.box_style ? prop.box_style : ''"> <div class="tab__div"> <ul class="tab__list" :style="prop.attr.tab_st 阅读全文
posted @ 2025-12-03 17:56
木樨园
阅读(5)
评论(0)
推荐(0)
摘要：
三层数组，最后一曾数组，进行模糊匹配，匹配上的文字，字体颜色别的颜色 高亮显示匹配文字， //arr：处理的数组数据 hightlightItem（arr）{ let _this = this; const query = this.searchValue.trim().toLowerCase(); 阅读全文
posted @ 2025-11-21 11:13
木樨园
阅读(3)
评论(0)
推荐(0)
摘要：
<div id="myId"></div> <script> let ids = "#myId"; if(ids){ const decoded = decodeURIComponent(ids); const ele = document.getElementById(decoded); if(e 阅读全文
posted @ 2025-11-21 10:55
木樨园
阅读(7)
评论(0)
推荐(0)
摘要：
const iframe = document.getElementById('iframeId'); iframe.onload =function(){ try{ const doc = iframe.contentDocument||iframe.contentWindow.document; 阅读全文
posted @ 2025-11-21 10:41
木樨园
阅读(5)
评论(0)
推荐(0)
摘要：
项目 参考开发地址：https://gitee.com/MTrun/vue-big-screen-plugin/tree/master/ src / utils / useDraw.ts import { ref } from 'vue' export default function useDra 阅读全文
posted @ 2025-09-10 11:53
木樨园
阅读(37)
评论(0)
推荐(0)
摘要：
引言 在数据可视化需求日益增长的当下，大屏开发凭借其直观、震撼的展示效果，广泛应用于企业数据监控、城市运营管理、展会展示等场景。Vue.js 以其灵活的组件化架构和高效的响应式特性，成为大屏开发的优选框架。然而，从布局适配、性能优化到交互实现，Vue 大屏开发面临诸多挑战。本文将通过项目实践、案例分 阅读全文
posted @ 2025-09-10 11:30
木樨园
阅读(218)
评论(0)
推荐(0)
摘要：
一、vue配置 1. 我是用vue-cli 搭建的，大屏项目复杂度不高，vue-router、vuex 、axios、sass 等都可以不用，vue、echarts就够用。 2. vue.config.js 配置就正常配，出口入口等基本配置我就不展示了，这两个配置项大屏还有点用。主要是我把每个图表都 阅读全文
posted @ 2025-09-10 11:16
木樨园
阅读(256)
评论(0)
推荐(0)
摘要：
vue实现拖拽 方法一： 函数封装拖拽脚本 js脚本 export function dragBox (drag, wrap) { function getCss (ele, prop) { return parseInt(window.getComputedStyle(ele)[prop]) } 阅读全文
posted @ 2025-09-10 10:58
木樨园
阅读(24)
评论(0)
推荐(0)
摘要：
1文件结构 2.重点文件夹中的文件代码以及作用 ① 根目录中systemConfig文件夹中的main.js文件 /** *作用：作为项目中的配置文件，放了websocket连接的url，用户名（admin），密码（123456） *项目中基础API等一些配置参数 * */ /* eslint-di 阅读全文
posted @ 2025-09-10 10:44
木樨园
阅读(102)
评论(0)
推荐(0)
摘要：
1.新建rem.js文件 // rem等比适配配置文件 // 基准大小 const baseSize = 16 // 设置 rem 函数 function setRem () { // 当前页面屏幕分辨率相对于 1920宽的缩放比例，可根据自己需要修改 const scale = document. 阅读全文
posted @ 2025-09-10 10:40
木樨园
阅读(55)
评论(0)
推荐(0)
浙公网安备 33010602011771号