diff --git a/public/index.html b/public/index.html index 3b12a6c3..ff072f2c 100644 --- a/public/index.html +++ b/public/index.html @@ -11,7 +11,7 @@ - + diff --git a/src/assets/styles/element-ui.scss b/src/assets/styles/element-ui.scss index 371d037e..e8aef2de 100644 --- a/src/assets/styles/element-ui.scss +++ b/src/assets/styles/element-ui.scss @@ -143,3 +143,60 @@ border-radius: 10px; background: #ffffff; } + +.el-table { + > .el-table__body-wrapper::-webkit-scrollbar { + width: 6px; /*滚动条宽度*/ + height: 6px; /*滚动条高度*/ + } + /*定义滚动条轨道 内阴影+圆角*/ + > .el-table__body-wrapper::-webkit-scrollbar-track { + // box-shadow: 0px 1px 3px rgba(red, green, blue, 0) inset; /*滚动条的背景区域的内阴影*/ + border-radius: 10px; /*滚动条的背景区域的圆角*/ + background-color: #c1c7d000; /*滚动条的背景颜色*/ + } + /*定义滑块 内阴影+圆角*/ + > .el-table__body-wrapper::-webkit-scrollbar-thumb { + border-radius: 10px; /*滚动条的圆角*/ + background-color: #dededea6; /*滚动条的背景颜色*/ + } + + // 解决表格固定列问题 + + // 不同尺寸表格修改固定列内容区的高度, 本人这里只罗列了mini与small尺寸的 + .el-table--mini { + .el-table__fixed, + .el-table__fixed-right { + .el-table__fixed-body-wrapper { + // mini表格, 表头高度为36px, 所以这里减36 + height: calc(100% - 36px) !important; + } + } + } + .el-table--small { + .el-table__fixed, + .el-table__fixed-right { + .el-table__fixed-body-wrapper { + // small表格 + height: calc(100% - 40px) !important; + } + } + } + .el-table__fixed, .el-table__fixed-right { + height: calc(100% - 6px) !important; + } + // 当表格没有滚动条时 + .el-table__body-wrapper.is-scrolling-none~.el-table__fixed-right{ + height: 100% !important; + bottom: 0 !important; + box-shadow: none !important; + } + // 当表格有纵向滚动条时 + .el-table--scrollable-y .el-table__fixed-right{ + right: 7px !important; + } + // 当表格只有横向滚动条,没有纵向滚动条时 + .el-table--scrollable-x:not(.el-table--scrollable-y) .el-table__fixed-right{ + right: 0 !important; + } +} diff --git a/src/views/bigScreen/v2/profile/wraringInfo.vue b/src/views/bigScreen/v2/profile/wraringInfo.vue index 1cc3ec7e..97c9fae8 100644 --- a/src/views/bigScreen/v2/profile/wraringInfo.vue +++ b/src/views/bigScreen/v2/profile/wraringInfo.vue @@ -1,5 +1,5 @@