之前用过 >>> <<< deep，这些进行样式改进，都不行，发现得用“表所在div名字 ::v-deep .el-table tr”这样的格式才能更改。项目需求，表格只有最外面有边框，里面无分割线，且表头和表身的颜色不同。/* 表格内背景颜色 *//* 表格内背景颜色 */

当数组是对象数组，赋值this.treeData[-1].children = this.SourceList;，报错Uncaught (in promise) TypeError: Cannot set properties of undefined (setting 'children')负数索引不适用于对象数组，因为负数索引通常用于访问数组的最后几个元素，而不是对象属性。

先展示一下实际的效果图用户选择完需要的波形参数字段之后，页面开始渲染图表，有几个参数就要渲染几个grid，也就是几行波形。

gridIndex: index, //y 轴所在的 grid 的索引。padding: 10, // 设置与坐标轴的距离，单位为像素。nameLocation: "middle",//纵坐标名字的位置。showMinLabel: false, // 隐藏最小值标签。showMaxLabel: false, // 隐藏最大值标签。nameGap: 30,//纵坐标名字与轴线之间的距离。positi

clickRecords就是自定义函数，定义如下。注意是return了 “点击函数”record是这一行的值。

然后是需要tff和woff ，这2个文件是图标文件，也是必须的，不然会出现方框BUG等情况。24年接手了一个18年的项目，想使用el-ui的组件库，得自己手动引入。这里，因为需要添加tff和css之间的联系，需要修改css文件内容。打开保存的css文件搜 @font-face 修改成如下路径。随后，在自己的文件里面添加这4个文件，我的目录如下所示。接着，就可以在html文件里使用el组件了，例如。

<button :style="buttonStyle">点击</button> computed: {buttonStyle() {return {backgroundColor: this.clicked ? 'green' : 'blue',color: 'white',padding: '10px 20px'};}}<div :style="{ backgroundColor: bgCol

头部的吸顶效果，可以使用vant4的粘性布局。

媒体查询（@media）是 CSS 中用来针对不同的设备特性（如屏幕尺寸、分辨率等）应用不同样式的一种技术。通过媒体查询，可以使页面在不同设备上呈现不同的布局，实现响应式设计。all：适用于所有设备（默认）screen：适用于屏幕设备print：适用于打印设备表示媒体特性，比如设备的宽度、高度、分辨率等。min-width：设备屏幕的最小宽度max-width：设备屏幕的最大宽度：设备的屏幕方向（

在echarts官网完成绘制后，将配置复制到本地，结果tooltip无法显示。如果将myChart定义在了data（）里面，那么tooltip就会不显示。项目使用vue3,echarts5.0,代码写的是vue2。排查了半天问题，发现这部分代码不正确。需要通过let来定义，就可以显示了。