Commit 4bc764585068e704c5437d30e68954a8fca1159c
1 parent
b1d0fe75
feat: vxe 全局滚动条样式
Showing
2 changed files
with
27 additions
and
0 deletions
yudao-ui-admin-vue3/src/styles/index.less
yudao-ui-admin-vue3/src/styles/vxe.css
0 → 100644
| 1 | +/*滚动条整体部分*/ | ||
| 2 | +.xtable-scrollbar ::-webkit-scrollbar { | ||
| 3 | + width: 10px; | ||
| 4 | + height: 10px; | ||
| 5 | +} | ||
| 6 | +/*滚动条的轨道*/ | ||
| 7 | +.xtable-scrollbar ::-webkit-scrollbar-track { | ||
| 8 | + background-color: #ffffff; | ||
| 9 | +} | ||
| 10 | +/*滚动条里面的小方块，能向上向下移动*/ | ||
| 11 | +.xtable-scrollbar ::-webkit-scrollbar-thumb { | ||
| 12 | + background-color: #bfbfbf; | ||
| 13 | + border-radius: 5px; | ||
| 14 | + border: 1px solid #f1f1f1; | ||
| 15 | + box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3); | ||
| 16 | +} | ||
| 17 | +.xtable-scrollbar ::-webkit-scrollbar-thumb:hover { | ||
| 18 | + background-color: #a8a8a8; | ||
| 19 | +} | ||
| 20 | +.xtable-scrollbar ::-webkit-scrollbar-thumb:active { | ||
| 21 | + background-color: #787878; | ||
| 22 | +} | ||
| 23 | +/*边角，即两个滚动条的交汇处*/ | ||
| 24 | +.xtable-scrollbar ::-webkit-scrollbar-corner { | ||
| 25 | + background-color: #ffffff; | ||
| 26 | +} |