Element-Ul
Element-Ul
熟悉有你的地方
这个作者很懒,什么都没留下…
展开
-
Element UI 之table表格表头过长使用点点...显示,并添加鼠标移入悬浮显示
需求:鼠标移入表头:关键点:1、样式中添加.el-table .cell { word-break: keep-all !important; white-space: nowrap !important; }2、在需要悬浮显示的表头文字过长处添加:show-overflow-tooltip="true":render-header="renderHeader"3、methods中添加:renderHeader(h, data) { return原创 2021-05-11 11:52:05 · 4358 阅读 · 0 评论 -
Element UI 之table表格的封装
需求:鼠标移入:实现:<template> <el-table class="table-list" :data="tableData" height="440" style="width: 1000px" :border="false" :cell-style="cellStyle" :header-cell-style="{ background: '#1C2E45', height: '40原创 2021-04-03 23:17:22 · 507 阅读 · 0 评论 -
Element UI 之table表格样式
需求:鼠标移入:<template> <el-table :data="tableData" style="width: 800px" height="500px" :header-cell-style="{ background: '#1C2E45', height: '40px', padding: '0', color: '#a0b2d3', }" :cell-style="ce原创 2021-03-31 23:07:16 · 2894 阅读 · 0 评论 -
Element UI之 Timeline时间线 样式
需求:Element UI提供的:Timeline时间线:https://element.eleme.cn/#/zh-CN/component/timeline// 时间线/deep/ .el-timeline { // 每一个item /deep/ .el-timeline-item { // 线 /deep/ .el-timeline-item__tail { border-left: 2px solid #28567f; } // 圆原创 2021-02-25 18:15:13 · 10076 阅读 · 0 评论 -
Element UI之Radio单选框组样式
需求:Element UI提供的:Radio单选框组:https://element.eleme.cn/#/zh-CN/component/radio.radio { /deep/ .el-radio-group { height: 20px; width: 60px; /deep/ .el-radio { margin: 0; height: 20px; } }}/deep/ .el-radio__inner { width原创 2021-02-25 17:18:11 · 3121 阅读 · 0 评论 -
Elemnet UI之tab切换样式
需求:Elemnet UI提供的:tabs:https://element.eleme.cn/#/zh-CN/component/tabs修改:/deep/ .el-tabs { // background: rgba(2, 15, 43, 0.7);背景颜色 /deep/ .el-tabs__header { // margin-bottom: 0.1rem; // // margin-bottom: 0; /deep/ .el-tabs__nav {原创 2021-02-25 16:53:03 · 470 阅读 · 0 评论