Commit 4b47f9d7 authored by “yiyousong”'s avatar “yiyousong”

perf:修改报表滚动

parent af7c34fc
<template>
<div class="app h-full w-full">
<div class="app w-full h-full">
<a-config-provider :locale="zh_CN">
<router-view />
</a-config-provider>
......
......@@ -630,7 +630,18 @@ img {
tr, th,td{
border:none !important;
}
// .ant-table-body-inner{
// &::-webkit-scrollbar{
// display: none;
// }
// }
// :hover{
// .ant-table-body-inner{
// &::-webkit-scrollbar{
// display: block;
// }
// }
// }
}
.ant-table-thead th {
background: linear-gradient(0deg, #f9fbff 0%, #cbddff 78%);
......@@ -747,3 +758,19 @@ img {
color: #ffffff;
}
}
// 表格鼠标移入显示滚动条
.ant-table {
.ant-table-body,.ant-table-body-inner{
&::-webkit-scrollbar{
display: none;
}
}
:hover{
.ant-table-body,.ant-table-body-inner{
&::-webkit-scrollbar{
display:block;
}
}
}
}
\ No newline at end of file
......@@ -31,26 +31,26 @@
// }
// }
::-webkit-scrollbar {
width: 7px;
background: transparent !important;
}
// ::-webkit-scrollbar {
// width: 7px;
// background: transparent !important;
// }
::-webkit-scrollbar-corner,
/* 滚动条角落 */
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
border-radius: 5px;
}
// ::-webkit-scrollbar-corner,
// /* 滚动条角落 */
// ::-webkit-scrollbar-thumb,
// ::-webkit-scrollbar-track {
// border-radius: 5px;
// }
::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
/* 滚动条轨道 */
background-color: transparent !important;
box-shadow: unset !important;
}
// ::-webkit-scrollbar-corner,
// ::-webkit-scrollbar-track {
// /* 滚动条轨道 */
// background-color: transparent !important;
// box-shadow: unset !important;
// }
::-webkit-scrollbar-thumb {
background-color: rgba(144, 147, 153, .5);
/* 滚动条手柄 */
}
\ No newline at end of file
// ::-webkit-scrollbar-thumb {
// background-color: rgba(144, 147, 153, .5);
// /* 滚动条手柄 */
// }
\ No newline at end of file
<template>
<div class="queue">
<a-table
style="width: 1500px"
style="max-width: 1500px"
size="middle"
:columns="columns"
:data-source="tableData"
......
<template>
<div>
<a-table
style="width: 1500px"
style="max-width: 1500px"
size="middle"
:columns="columns"
:data-source="tableData"
:loading="loading"
:scroll="{
x: 500,
y: 490,
}"
:row-selection="{
......
......@@ -220,6 +220,7 @@ export default {
margin-bottom: 12px;
}
.out-box {
overflow: auto;
border-radius: 8px;
}
.search-box {
......
......@@ -190,6 +190,9 @@ export default {
<style lang="less" scoped>
@headerHeight: 72px;
.route-view {
position: relative;
}
.header {
height: @headerHeight;
padding: 0px 60px;
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment