BJ_ZTEITS-Developers / parking-cloud-yudao

Commit 4bc764585068e704c5437d30e68954a8fca1159c

Authored by xingyu4j
1 parent b1d0fe75

feat: vxe 全局滚动条样式

Inline Side-by-side
Showing 2 changed files with 27 additions and 0 deletions
yudao-ui-admin-vue3/src/styles/index.less
  View file @4bc7645
1 1 @import './var.css';
  2 +@import './vxe.css';
2 3 @import 'element-plus/theme-chalk/dark/css-vars.css';
... ...
yudao-ui-admin-vue3/src/styles/vxe.css 0 → 100644
  View file @4bc7645
  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 +}
... ...