diff --git a/src/css/index.scss b/src/css/index.scss index d53435e..cd29760 100644 --- a/src/css/index.scss +++ b/src/css/index.scss @@ -294,4 +294,21 @@ s { .el-tree--highlight-current .is-current.el-tree-node > .el-tree-node__content { background-color: #74dad1 !important; color: #fff; -} \ No newline at end of file +} +/* 滚动条样式 */ +::-webkit-scrollbar { + width: 4px; /* 设置纵轴(y轴)轴滚动条 */ + height: 4px; /* 设置横轴(x轴)轴滚动条 */ +} +/* 滚动条滑块(里面小方块) */ +::-webkit-scrollbar-thumb { + border-radius: 10px; + box-shadow: inset 0 0 5px #539f9a; + background: #539f9a; +} +/* 滚动条轨道 */ +::-webkit-scrollbar-track { + border-radius: 0; + box-shadow: inset #fff; + background: #2B5451; +} diff --git a/src/views/Data.vue b/src/views/Data.vue index c54d2d1..df32f5e 100644 --- a/src/views/Data.vue +++ b/src/views/Data.vue @@ -116,6 +116,7 @@ export default { width: 15%; border: 1px solid #006b3b; font-size: 16px; + overflow:auto; img { width: 24px; } @@ -139,6 +140,7 @@ export default { .right-set { width: 10%; padding: 20px; + overflow: auto; } .right-table { width: 88%;