用到的组件el-drawer抽屉、el-button按钮测试还用到了输入框等组件功能1.自由添加按钮，并可使按钮居中2.抽屉里的内容由<slot>插入，用的具名插槽3.鼠标悬停在按钮时出现文字4.可指定侧边栏距离窗口最右侧的距离

效果展示实现思路桑基图实现的本质也是一条条source-target，节点与节点之间的连线做到完全可配置化，需抽离出大量可配置的属性无数据的节点要进行隐藏，因此需要加是否有数据的判断节点颜色和线条颜色通过设置itemStyle和lineStyle来配置分辨率自适应则需要设置函数来动态计算实现代码//now-size.jslet nowClientWidth = document.documentE

echarts内部屏幕大小自适应参考文章：echarts自适应问题，echarts中怎么改变字体单位实现自适应写一个换算函数//当前视口宽度let nowClientWidth = document.documentElement.clientWidth;//换算方法function nowSize(val,initWidth=1920){return val * (nowClientWidth/

效果图实现思路定义组件，监听元素的mouseenter和mouseleave还有组件的mouseenter和mouseleave事件由于有滚动等交互需求，所以加一个轮询，监听鼠标对于元素和popover组件的交互状态实现代码<!--* @Fileoverview: 保护措施详情* @Description: 仪表盘-数据流图-保护措施详情--><template><d

用到的组件el-tabs标签页，<component>标签，用:is切换加载功能动态切换标签页并显示不同组件内容效果图标题实现代码//.vue单文件<template><div :class="bemCss('tabs')"><el-tabs v-model="activeName" @tab-click="handleCl...

在vue-cli的<script>标签中，在export之前新建一个Audio对象var music = new Audio();再在mouted中使用setTimeOut定时器播放，亲测有效，可动态添加播放音频mouted(){setTimeOut(()=>{music.src="音乐地址"；music.play();},500);}...

效果展示实现思路用element-ui中的el-row和el-col来构建列表，若无element-ui，也可用类似布局组件或直接用div元素实现将滚动区域封装，使用绝对定位与相对定位的方式，并将超出滚动区域部分hidden隐藏下述业务代码有每分钟刷新一次列表的需求，所以用两个interval，若纯轮播则一个interval即可通过改变子元素相对于父元素的top值，并设置transition: a

简介：Vite 是一个由原生 ESM 驱动的 Web 开发构建工具。在开发环境下基于浏览器原生 ES imports 开发，在生产环境下基于 Rollup 打包。比webpack打包更加快速。它主要具有以下特点：1.快速的冷启动2.即时的模块热更新3.真正的按需编译安装步骤：全局安装vitenpm i -g create-vite-app创建vite项目create-vite-app vue3-d

Vue+Echarts 绘制极坐标柱状图，内含关键属性注释

需要准备的东西学校邮箱账号+Github账号+Unity账号网址https://store.unity.com/?_ga=2.90862746.1635516515.1586392865-1719083511.1582768599#plans-individual注册登录点击Sign up点击最左侧按钮创建自己的Unity ID(不赘述)加入Github上的Student D...