elementui 样式修改

select选择器

可以参考： https://blog.youkuaiyun.com/weixin_43405300/article/details/124534512
1、修改select选择器的背景颜色

::v-deep .el-input__inner {
		background: #33416b;
		color: #fff;
		border: 1px solid #e43179;
	}

2、设置下拉框的字体属性及背景颜色；
.el-select-dropdown__item {
font-size: 7px;
line-height: 19px;
color: #fff;
font-weight: 200;
background-color: #003e00;
}
3、// 设置下拉框列表的 padding 值为：0；(即：样式调整)
/deep/.el-select-dropdown__list {
padding: 0;
}
4、// 设置输入框与下拉框的距离为：0; (即：样式调整)
/deep/.el-popper[x-placement^=“bottom”] {
margin-top: 0px;
}
5、// 将下拉框上的小箭头取消；(看着像一个箭头，其实是两个重叠在一起的箭头)
/deep/.el-popper .popper__arrow,
/deep/.el-popper .popper__arrow::after {
display: none;
}
6、// 设置鼠标悬停在下拉框列表的悬停色；
.el-select-dropdown__item:hover {
background-color: rgba(0, 225, 219, 0.690196078431373);
}

table

参考：网址
https://qiaoyajun.blog.youkuaiyun.com/article/details/88845256?spm=1001.2101.3001.6650.11&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-11-88845256-blog-80049254.pc_relevant_aa_2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7ECTRLIST%7ERate-11-88845256-blog-80049254.pc_relevant_aa_2&utm_relevant_index=15
1、 行样式 :row-style=“tableRowStyle”
头部样式 :header-cell-style=‘tableHeaderColor’
修改table里的内容，不仅仅只一项内容

<el-table :data="tableData" border 
     :height="tableHeight" 
     :row-style="tableRowStyle" 
     :header-cell-style='tableHeaderColor'  
 fit >
       <el-table-column align='center' label="项目" >
          <template slot-scope="scope">
            <span style="margin-left: 10px">{{ scope.row.date }}</span>
          </template>
        </el-table-column>
                       
  </el-table>

2、可以封装table
参考：https://blog.youkuaiyun.com/yangyingjian123/article/details/115529825?spm=1001.2101.3001.6650.9&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-115529825-blog-80049254.pc_relevant_aa_2&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-9-115529825-blog-80049254.pc_relevant_aa_2&utm_relevant_index=13

tree属性组件

highlight-current 是否高亮当前选中节点，默认值是 false。
default-expand-all 是否默认展开所有节点
current-node-key 当前选中的节点