前言：
在公司完成UI设计稿时，需要实现antd design vue组件库中的表格展示斑马线样式，同时具有鼠标悬浮表格中字体转变颜色的效果，经过多次尝试，最终实现，总结如下：
<style lang="scss" scoped>
::v-deep .ant-table-tbody {
tr {
&:nth-child(even) {
background-color: #f0f5fccc; // 设置偶数行背景色
}
&:nth-child(odd) {
background-color: #ffffff; // 设置奇数行背景色
}
}
tr {
&:hover {
td {
color: #5875eb; // 鼠标悬停时的背景颜色
}
}
}
}
</style>补充：
引入antd design vue组件库后，我们的需求是：局部修改表格的样式，而又不想去除scoped属性造成组件之间的样式污染，在使用vue-cli3编译时，需要使用::v-deep
实现效果展示：
官网原本效果：
修改后的效果：
