修改el-tabs的下划线的transform属性,达到修改滑动距离的效果 示例:tabs的样式是有边框有间距且有下划线的这种情况,此时点击tab的时候默认下划线滑动距离只能是tab的宽度(横向)或者高度(纵向),不包含边框和间距的距离,所以下划线和tab会错位显示。(以下以纵向tabs为例,tab的高度为36px, 边框为1px, 下边距为10px) 解决
.el-tabs__item { padding: 0 20px; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; line-height: 40px; display: inline-block; list-style: none; font-size: 15px; font-weight: 500; color: #303133; position: relative; }...
1<el-table2ref="multipleTable"3:class="{ 'no-multiple': !isMultiple }"4@select="selectTable"5border6:key="isUpdate"7:data="tableData"8>9<el-table-column label="密码" prop="pwd">10<template slot-scope="s">1112-1" class="el-icon-view icon-eye" @click="view(s.$index, s.ro...
$base-left-menu-width: 230px; //纵向布局时左侧导航未折叠时右侧内容的宽度 $base-right-content-width: calc(100% - #{$base-left-menu-width}); //纵向布局时左侧导航已折叠时的宽度 $base-left-menu-width-min: 65px; //纵向布局时左侧导航已折叠时右侧内容的宽度 $base-right-content-width-min:...
calculationWidth1() // 重新计算图片宽度 closeLoading() } } tabs() 然而想修改loading的样式的颜色用之前的:deep()方法尝试过之后行不通 尝试过:deep()之后,失败,第二次用了引入css的方法 import'element-plus/theme-chalk/el-loading.css' 然后css写入...
}tabs() 然而想修改loading的样式的颜色用之前的:deep()方法尝试过之后行不通 尝试过:deep()之后,失败,第二次用了引入css的方法 import'element-plus/theme-chalk/el-loading.css' 然后css写入:deep()样式还是行不通 最后想到在css的源码上修改是可以的,成功修改了颜色 如下图: ...