element ui改样式等问题

直接用的爽,样式改的惨

最好在样式前添加class或者id

进度条el-progress改样式:

 改整体宽度:

.el-progress {
width: 90%;
}
// 过小无法和文字同一行?
.el-progress /deep/ .el-progress-bar {
width: 80%;
}
// 过大无法和文字同一行?

改外侧进度条:
.el-progress /deep/ .el-progress-bar__outer {
border-radius: 0;    // 改角度
background-color: rgba(255, 255, 255, 0.1); // 改颜色
width: 100%;    // 此处宽度也算是改整体,不影响位置
}

改内侧进度条:
.el-progress /deep/ .el-progress-bar__inner {
  border-radius: 0;    // 改角度
  background-color: blue; // 改颜色
}
将文字放置在内侧进度条右侧:
.el-progress /deep/ .el-progress-bar__innerText {
position: fixed;
color: #49BCF7;    // 改字体颜色
}



 


element ui改样式等问题

上一篇:selenium-界面元素操作


下一篇:时延敏感业务低概率超时问题分析