Source/plt-web/plt-web-ui/src/styles/ui.scss

@@ -336,6 +336,15 @@
/*
修改框架默认样式
 */
/*
左侧菜单
 */
.el-menu--vertical{
  margin-left: -4px;
}
.el-menu--vertical .el-menu--vertical{
  margin-left: 0;
}
.el-menu--vertical .el-menu--popup-right-start{
  background: #20222a !important;
}
@@ -349,9 +358,14 @@
.el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title i, .el-menu--popup-right-start .menu-wrapper:hover .el-submenu__title span {
  color: #ffffff;
}

.el-card__body {
  padding: 15px;
}

/*
弹出框
 */
.el-dialog{
  margin: 50px auto;
}
@@ -377,6 +391,10 @@
  border-top: 1px solid #e9e7e7;
  padding: 10px 20px 10px;
}

/*
列表
 */
.avue-crud .avue-form {
  margin: 0px auto !important; // 表格内的表单（比如:搜索栏） 取消下边距
}
@@ -395,8 +413,21 @@
.avue-crud table td{
  line-height: 22px;
}
.el-table--small, .el-table__expand-icon{
  font-size: 14px;
}
.el-table--small .el-table__cell {
  padding: 6px 0;
}
.avue-crud .el-table th{
  font-weight: 400;
}
.el-table .cell{
  line-height: 22px;
  padding: 0 8px;
}
.el-table th.el-table__cell>.cell{
  padding: 0 3px;
}
.el-table--mini .cell{
  line-height: 20px;
@@ -409,12 +440,27 @@
  line-height: 18px;
  height: 20px;
}
.el-table .caret-wrapper{
  height: 22px;
}
.el-table .sort-caret.ascending{
  top:0;
}
.el-table .sort-caret.descending{
  bottom: 0;
}

/*
分页
 */
.avue-crud__pagination{
  padding: 15px 0 10px;
}
.el-form .el-col{
  margin-bottom: 0;
}


/*
UI引擎页面
 */
.UITabs > .el-tabs__content{
  height:calc(100% - 56px);
}
@@ -444,6 +490,12 @@
  height: 100%;
}

/*
表单
 */
.el-form .el-col{
  margin-bottom: 0;
}
.el-form-item{
  margin-bottom: 15px;
}
@@ -451,10 +503,12 @@
  margin-bottom: 15px;
}


/***按钮框****/
.tree-buttons .el-button{
  margin: 0 5px 5px 0;
}
/***按钮框****/

.headerCon {
  display: flex;
  flex-wrap: wrap;
@@ -473,9 +527,18 @@
  padding-left: 4.5px;
}

/*
树
 */
/***隐藏树懒加载时节点上的loading，防止节点抖动*****/
.el-tree .el-tree-node__loading-icon{
  display: none !important;
}
.el-tree-node__label .iconShow{
  display: inline-block;
  width: 14px !important;
  height: 14px !important;
  margin-right: 3px;
}

.el-select{
@@ -496,6 +559,13 @@
  height: 20px;
  line-height: 20px;
}
.el-menu--popup-right-start{
  margin-left: 1px;
}

.el-icon-arrow-right:before {
  content: "";
}

.font14{font-size: 14px;width: 12px;height: 12px;display: inline-block;}
.font16{font-size: 16px;width: 14px;height: 14px;display: inline-block;}