el-table 表头设置渐变色
<el-table :data="tableData" stripe><el-table-column prop="name" label="测试" align="left"></el-table-column><el-table-column prop="code" label="测试1" align="left"></el-table-column><el-table-column prop="code1" label="测试2" align="left"></el-table-column><el-table-column prop="code2" label="测试3(%)" sortable width="180" align="right"></el-table-column><el-table-column prop="code3" label="测试(%)" sortable align="right"></el-table-column><el-table-column prop="code4" label="测试(%)" sortable width="180" align="right"></el-table-column><el-table-column prop="code5" label="测试(%)" sortable align="right"></el-table-column><el-table-column prop="code6" label="测试(%)" sortable align="right" width="140"></el-table-column><el-table-column prop="code7" label="排测试名(%)" sortable align="right"></el-table-column><el-table-column prop="code8" label="测试(%)" sortable align="right" width="140"></el-table-column><el-table-column prop="code9" label="测试(%)" sortable align="right"></el-table-column></el-table>style
<style lang="scss" scoped>
::v-deep .el-table tr th:nth-child(4).el-table__cell>.cell{background:linear-gradient(180deg, #DBE8FF 0%, rgba(243, 248, 255, 0.42) 100%);border-top:1px solid #3070d8;
}
::v-deep .el-table tr th:nth-child(5).el-table__cell>.cell{background:linear-gradient(180deg, #DBE8FF 0%, rgba(243, 248, 255, 0.42) 100%);border-top:1px solid #3070d8;
}
::v-deep .el-table tr th:nth-child(8).el-table__cell>.cell{background:linear-gradient(180deg, #DBE8FF 0%, rgba(243, 248, 255, 0.42) 100%);border-top:1px solid #3070d8;
}
::v-deep .el-table tr th:nth-child(9).el-table__cell>.cell{background:linear-gradient(180deg, #DBE8FF 0%, rgba(243, 248, 255, 0.42) 100%);border-top:1px solid #3070d8;
}
</style>效果
相关文章：
el-table 表头设置渐变色
<el-table :data"tableData" stripe><el-table-column prop"name" label"测试" align"left"></el-table-column><el-table-column prop"code" label"测试1" align"left"></…...
GB/T 25000.51解读——软件产品的易用性怎么测？
GB/T 25000.51-2016《软件产品质量要求和测试细则》是申请软件检测CNAS认可一定会用到的一部国家标准。在前面的文章中，我们为大家整体介绍了GB/T 25000.51-2016《软件产品质量要求和测试细则》国家标准的结构和所涵盖的内容以及对软件产品的八大质量特性中的功能性…...
408复试day2(7大排序算法)
数据结构 7大排序算法总结： 首先排序分为内排序和外排序： 内排序是指待排序的记录放置在内存，而外排序是指排序的过程中需要对内存进行访问。其中稳定的排序有“插冒归”，即插入排序、冒泡排序、归并排序。 1.冒泡排序 算法原理&a…...
Vue消息订阅与发布
引入第三方库pubsub.js: npm i pubsub-js Student.vue import pubsub from pubsub-jsmethods:{sendStudentName(){// this.$bus.$emit(hello,this.name)pubsub.publish(hello,666)}}, School.vue import pubsub from pubsub-jsmounted() {// console.log("school&quo…...
MySQL学习笔记 ------ 分组查询
#进阶5：分组查询 /* 语法： select 分组函数，列（要求出现在group by的后面） from 表 【where 筛选条件】 group by 分组的列表 【order by 排序的字段】; 注意：查询列表必须特殊，要求是分组函…...
Matlab 点云平面特征提取
文章目录 一、简介二、实现代码2.1基于k个邻近点2.2基于邻近半径参考资料一、简介 点云中存在这各种各样的几何特征，这里基于每个点的邻域协方差来获取该点的所具有的基础几何特征（如下图所示），这样的做法虽然不能很好的提取出点云中的各个部分，但却是可以作为一种数据预处…...
vite的介绍
Vite（法语意为 "快速的"，发音 /vit/，发音同 "veet")是一种新型前端构建工具 优势 💡 极速的服务启动，使用原生 ESM 文件，无需打包 ⚡️ 轻量快速的热重载，始终极快的模块…...
裁员 10%，暴跌 14%，这家 IT 独角兽正在被抛弃！
流量一跌再跌，Stack Overflow 简直被狠狠地上了一课！ 3 月份 Stack Overflow 的流量下降了近 14%。该公司的 CEO 压力空前，甚至昨天决定裁员 10%！ 平均每月下降6%，上月直接跌了近14% 开发人员越来越多地从 AI 聊天机器…...
电脑记事本在哪里？电脑桌面显示记事本要怎么设置？
绝大多数上班族在使用电脑办公时，都需要随手记录一些琐碎或重要的事情，例如工作注意事项、常用的文案、某项工作的具体要求、多个平台的账号和密码等。于是就有不少小伙伴想要使用电脑记事本软件来记录，那么电脑记事本在哪里呢？想…...
微服务笔记---Nacos集群搭建
微服务笔记---Nacos集群搭建 Nacos集群搭建1.集群结构图2.搭建集群2.1.初始化数据库2.2.下载nacos2.3.配置Nacos2.4.启动2.5.nginx反向代理2.6.优化 Nacos集群搭建 1.集群结构图 官方给出的Nacos集群图： 其中包含3个nacos节点，然后一个负载均衡器代理…...
python 小案例
要使用Django开发一个抽奖活动的后台，需要进行以下步骤： 安装Django：首先确保已经安装了Python和pip，然后使用pip安装Django库： pip install django 创建Django项目：在命令行中执行以下命令创建一个新的Dja…...
【SpringBoot】SpringBoot JPA 基础操作(CURD)
SpringData JPA 基本介绍 Spirng data jpa是spring提供的一套简化JPA开发的框架，按照约定好的【方法命名规则】写dao层接口，就可以在不写接口实现的情况下，实现对数据库的访问和操作。 同时提供了很多除了CRUD之外的功能，如分页…...
大数据技术之Hive3
目录标题 5、DML 数据操作5.1 数据导入5.1.1 向表中装载数据load5.1.2 通过查询语句向表中插入数据insert5.1.3 查询语句中创建表并加载数据5.1.4 创建表时通过 Location 指定加载数据路径 5.2 数据导出5.2.1 insert导出5.2.2 Hadoop 命令导出到本地 5.3 清除表中数据(Truncate…...
Spring Boot实践二
一、模板引擎简介 在之前的示例中，我们通过RestController来处理请求： package com.example.demospringboot.web;import org.springframework.web.bind.annotation.RestController; import org.springframework.web.bind.annotation.RequestMapping;Re…...
python：基于GeoPandas和GeoViews库将GEDI激光高程数据映射到交互式地图
作者：CSDN @ _养乐多_ 本文将介绍 GEDI（Global Ecosystem Dynamics Investigation）激光雷达数据某数据点波形数据提取，并绘制图表，添加其他图表元素并使图表具有交互性。 在本文中，我们将探索如何打开、读取和处理GEDI数据，并利用地理信息处理库GeoPandas和地理空间数…...
汇编实现strcpy
需要有两点注意： .type在windows的mingw上无法识别。windows下编译会找不到my_strcpy的定义（undefined reference），通过看mingw的代码发现，它会在汇编函数前加一个下划线，所以在我们的汇编代码中加上下划线…...
Appium+python自动化（二十四） - 元素等待（超详解）
思考 在自动化过程中，元素出现受网络环境，设备性能等多种因素影响。因此元素加载的时间可能不一致，从而会导致元素无法定位超时报错，但是实际上元素是正常加载了的，只是出现时间晚一点而已。那么如何解决这个问题呢&am…...
NFT市场泡沫破裂了吗？投资NFT是否仍然安全？
近期，NFT市场的价格出现了明显的下跌趋势，许多人开始担心NFT市场是否已经进入了泡沫破裂的阶段。但是，我们需要认真分析这个问题，并且探讨投资NFT是否仍然安全。 NFT（Non-Fungible Token）是一种非同质化代币…...
k8s使用helm部署Harbor镜像仓库并启用SSL
1、部署nfs存储工具 参照：https://zhaoll.blog.csdn.net/article/details/128155767 2、部署helm 有多种安装方式，根据自己的k8s版本选择合适的helm版本 参考：https://blog.csdn.net/qq_30614345/article/details/131669319 3、部署Harbo…...
B/B+树算法
B树 基本概述 B树又称多路平衡搜索树。一棵m阶B树，要么是空树，要么满足以下特性： 每个节点最多有m棵子树根节点至少有两棵子树内部节点（除根和叶子节点以外的节点）至少有⌈m/2⌉棵子树关键字个数比子树个数少1终端节…...
vue3.2 + elementPlus + Windi CSS + ts创建一个好用的可兼容不同宽高的login页面
1.效果预览 2. 代码准备 导入windiCSS： npm i -D vite-plugin-windicss windicss windiCSS官网： https://cn.windicss.org/integrations/vite.html 使用vite创建好你的vue工程 sass版本为： 1.49.9 3.Windi CSS在页面中使用 apply 二次定义类名…...
Integer包装类详解加部分源码
【1】Java.lang直接使用，无需导包： 【2】类的继承关系： 【3】实现接口： Serializable，Comparable<Integer> 【4】这个类被final修饰，那么这个类不能有子类，不能被继承： 【5】…...
如何给侧边栏添加 Badge 计数标记
一、需求功能 给侧边菜单栏或及子菜单栏添加计数标记 el-badge 效果如下： 二、实现思路 结合 icon 图标渲染的思路，通过在layout 的 item.vue 中使用 vnodes.push 方法实现对 <el-badge /> 的渲染。在通过 Vuex 的状态管理将菜单栏需要的数据转…...
插槽slot复习
1.认识插槽 ◼ 在开发中，我们会经常封装一个个可复用的组件： 前面我们会通过props传递给组件一些数据，让组件来进行展示； 但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制为固定的div、span等等…...
【C++STL标准库】序列容器之deuqe与、orwa_list与list
基本概念这里就不再浪费时间去解释，这里给出deuqe与、orwa_list、list的基本使用方法： deque队列： #include <iostream> #include <deque>template <typename T> void print(T Begin, T End);int main() {std::deque<…...
RocketMQ教程-(5)-功能特性-消息发送重试和流控机制
本文为您介绍 Apache RocketMQ 的消息发送重试机制和消息流控机制。 背景信息 消息发送重试 Apache RocketM Q的消息发送重试机制主要为您解答如下问题： 部分节点异常是否影响消息发送？ 请求重试是否会阻塞业务调用？ 请求重试会带来什…...
OpenCV笔记
opencv读取视频操作 import cv2video cv2.VideoCapture("./1.mp4")if video.isOpened():# video.read() 一帧一帧地读取# open 得到的是一个布尔值，就是 True 或者 False# frame 得到当前这一帧的图像open, frame video.read() else:open Falsewhile …...
Mysql基础(下)之函数，约束，多表查询，事务
👂 回到夏天（我多想回到那个夏天） - 傲七爷/小田音乐社 - 单曲 - 网易云音乐 截图自 劈里啪啦 -- 黑马Mysql，仅学习使用 👇原地址 47. 基础-多表查询-表子查询_哔哩哔哩_bilibili 目录 🦂函数 dz…...
Android 屏幕适配各种宽高比的手机
由于android 手机的屏幕宽高比样式太多了，在设计UI时，很多时候，会因为宽高比，分辨率不同会有展示上的差异。 我是这样解决的 在activity的onCreate方法前，调用： fun screenFit(context: Context) {val me…...
云计算——云计算与虚拟化的关系
作者简介：一名云计算网络运维人员、每天分享网络与运维的技术与干货。 座右铭：低头赶路，敬事如仪 个人主页：网络豆的主页 目录 前言 一.虚拟化 1.什么是虚拟化 2.虚拟化技术作用 二.云计算与虚拟化的关系 三.虚…...