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

perf:修改报表滚动

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