Browse Source

fix; 滚动条样式

tags/PMS_V1.0.0_Alpha6
chenglb 1 year ago
parent
commit
fcc5147764
  1. 4
      src/assets/css/base.scss
  2. 27
      src/pages/SystemMgm/BusinessConfig/BusinessConf/index.scss
  3. 3
      src/pages/SystemMgm/BusinessConfig/HotCbdConf/index.scss
  4. 21
      src/pages/SystemMgm/BusinessConfig/PageConf/index.scss

4
src/assets/css/base.scss

@ -69,8 +69,8 @@ a {
width: 12px;
}
.ant-table-content::-webkit-scrollbar-thumb {
background-color: #9da2ab;
border-radius: 4px;
background-color: #70798D;
border-radius: 6px;
}
.ant-table-thead{
position: sticky;

27
src/pages/SystemMgm/BusinessConfig/BusinessConf/index.scss

@ -139,19 +139,19 @@ $color-primary: var(--color-primary);
max-height: 687px;
overflow: auto;
}
.ant-table-content::-webkit-scrollbar {
width: 12px;
}
.ant-table-content::-webkit-scrollbar-thumb {
background-color: #9da2ab;
border-radius: 4px;
}
.ant-table-content::-webkit-scrollbar-track {
/*滚动条里面轨道*/
-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
border-radius: 10px;
background: transparent;
}
// .ant-table-content::-webkit-scrollbar {
// width: 12px;
// }
// .ant-table-content::-webkit-scrollbar-thumb {
// background-color: #9da2ab;
// border-radius: 4px;
// }
// .ant-table-content::-webkit-scrollbar-track {
// /*滚动条里面轨道*/
// -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
// border-radius: 10px;
// background: transparent;
// }
.ant-table-tbody .ant-table-row .ant-table-cell {
background-color: #3e4557 !important;
color: #ffffff !important;
@ -375,3 +375,4 @@ $color-primary: var(--color-primary);
}
}
}

3
src/pages/SystemMgm/BusinessConfig/HotCbdConf/index.scss

@ -60,3 +60,6 @@ $color-primary : var(--color-primary);
.popover-item{
cursor: pointer;
}
.ant-table-cell-scrollbar{
border-bottom: unset !important;
}

21
src/pages/SystemMgm/BusinessConfig/PageConf/index.scss

@ -25,21 +25,24 @@ $color-primary : var(--color-primary);
}
}
}
.ant-table-cell-scrollbar{
border-bottom: unset;
}
.ant-table-wrapper {
// height: calc(100% );
.ant-table-body {
@include scrollBar(var(--color-user-list-bg), #3b97ff);
}
}
// .ant-table-body{
// &::-webkit-scrollbar{
// background-color: #3e4557;
// width: 12px;
// }
.ant-table-body{
&::-webkit-scrollbar{
background-color: #505a6f;
width: 12px;
}
// &::-webkit-scrollbar-thumb{
// background-color: #9da2ab;
// }
// }
&::-webkit-scrollbar-thumb{
background-color: #70798D ;
}
}
}
Loading…
Cancel
Save