diff --git a/src/assets/css/common.scss b/src/assets/css/common.scss index a68650c..2d170a8 100644 --- a/src/assets/css/common.scss +++ b/src/assets/css/common.scss @@ -59,9 +59,10 @@ } .lef-tree { overflow: auto; - .el-scrollbar__wrap{ + width: 100%; + .filter-tree{ width: fit-content; - overflow: auto; + } } @@ -73,6 +74,48 @@ border-radius: 10px; background-color: red; } +.scroll-myself{ + -ms-scroll-chaining: chained; + -ms-overflow-style: none; + -ms-content-zooming: zoom; + -ms-scroll-rails: none; + -ms-content-zoom-limit-min: 100%; + -ms-content-zoom-limit-max: 500%; + -ms-scroll-snap-type: proximity; + -ms-scroll-snap-points-x: snapList(100%, 200%, 300%, 400%, 500%); + -ms-overflow-style: none; + /*滚动条滑块按钮的颜色*/ + scrollbar-face-color: #F0F0F0; + /*滚动条整体颜色*/ + scrollbar-highlight-color: #F0F0F0; + /*滚动条轨道颜色*/ + scrollbar-track-color: #F0F0F0; + /*三角箭头的颜色*/ + scrollbar-arrow-color: #fff; + /*滚动条阴影*/ + scrollbar-shadow-color: #F0F0F0; + /*滚动条3d亮色阴影边框的外观颜色——左边和上边的阴影色*/ + scrollbar-3dlight-color: #F0F0F0; + /*滚动条3d暗色阴影边框的外观颜色——右边和下边的阴影色*/ + scrollbar-darkshadow-color: #F0F0F0; + /*滚动条基准颜色*/ + scrollbar-base-color: #F0F0F0; +} +.scroll-myself::-webkit-scrollbar{ + background-color: #fff; + width:5px; + height:5px; +} +/*滚动条的轨道*/ +.scroll-myself::-webkit-scrollbar-track{ + background-color: #fff; + border-radius: 10px; +} +/*滚动条的滑块按钮*/ +.scroll-myself::-webkit-scrollbar-thumb{ + border-radius: 10px; + background-color: #F0F0F0; +} .showLimit { //.el-input__count { diff --git a/src/views/Report/ReportList.vue b/src/views/Report/ReportList.vue index 6bfed7e..79efad6 100644 --- a/src/views/Report/ReportList.vue +++ b/src/views/Report/ReportList.vue @@ -101,11 +101,10 @@