Commit 2717bff9 authored by danfuman's avatar danfuman

修改

parent 270add45
...@@ -360,7 +360,7 @@ li { ...@@ -360,7 +360,7 @@ li {
} }
.is-scrolling-left + .el-table__fixed, .is-scrolling-left + .el-table__fixed,
.is-scrolling-middle + .el-table__fixed, .is-scrolling-middle + .el-table__fixed,
.is-scrolling-right + .el-table__fixed { .is-scrolling-right + .el-table__fixed,.el-table__fixed-right {
box-shadow: 2px 0 8px -7px #202020; box-shadow: 2px 0 8px -7px #202020;
height: auto !important; height: auto !important;
bottom: 16px !important; bottom: 16px !important;
...@@ -416,13 +416,13 @@ li { ...@@ -416,13 +416,13 @@ li {
::-webkit-scrollbar-track-piece { ::-webkit-scrollbar-track-piece {
//滚动条凹槽的颜色,还可以设置边框属性 //滚动条凹槽的颜色,还可以设置边框属性
background-color: #f3f4f5; background-color: #f3f4f5;
height: 6px; height: 16px;
padding: 0 4px; padding: 0 4px;
} }
//滚动条的宽度 //滚动条的宽度
::-webkit-scrollbar { ::-webkit-scrollbar {
width: 8px; width: 8px;
height: 6px; height: 16px;
background-color: #f3f4f5; background-color: #f3f4f5;
border-radius: 6px; border-radius: 6px;
} }
...@@ -591,7 +591,7 @@ li { ...@@ -591,7 +591,7 @@ li {
height: 8px; height: 8px;
} }
.el-scrollbar__thumb { .el-scrollbar__thumb {
background: rgba(98, 110, 126, 0.4); background: rgba(0,0,0,.2);
&:hover { &:hover {
background: #566380; background: #566380;
} }
......
...@@ -1234,7 +1234,7 @@ ...@@ -1234,7 +1234,7 @@
border-radius: 0; border-radius: 0;
} }
&::-webkit-scrollbar-thumb { &::-webkit-scrollbar-thumb {
background-color: rgba(98, 110, 126, 0.2); background: rgba(0,0,0,.2);
border: 4px solid #f3f4f5; border: 4px solid #f3f4f5;
border-radius: 10px; border-radius: 10px;
} }
...@@ -1261,7 +1261,7 @@ ...@@ -1261,7 +1261,7 @@
border-radius: 8px; border-radius: 8px;
height: 8px; height: 8px;
margin: 0 4px; margin: 0 4px;
background: rgba(98, 110, 126, 0.2); background: rgba(0,0,0,.2);
border: 4px solid #f3f4f5; border: 4px solid #f3f4f5;
&:hover { &:hover {
background: #566380; background: #566380;
......
...@@ -19,7 +19,7 @@ ...@@ -19,7 +19,7 @@
</div> </div>
<div class="right-table" ref="rightTable"> <div class="right-table" ref="rightTable">
<skeleton v-if="isSkeleton" style="padding: 16px"></skeleton> <skeleton v-if="isSkeleton" style="padding: 16px"></skeleton>
<div class="table-item"> <div class="table-item">
<el-table <el-table
v-if="!isSkeleton" v-if="!isSkeleton"
element-loading-text="Loading" element-loading-text="Loading"
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
border border
highlight-current-row highlight-current-row
> >
<el-table-column label="序号" width="60" align="left" prop="index"></el-table-column> <el-table-column label="序号" width="60" align="left" prop="index" fixed="left"></el-table-column>
<el-table-column label="编码" width="130" prop="code"></el-table-column> <el-table-column label="编码" width="130" prop="code"></el-table-column>
<el-table-column label="名称" width="230" prop="expenseName"></el-table-column> <el-table-column label="名称" width="230" prop="expenseName"></el-table-column>
<el-table-column label="清单" width="110" prop="expenseCategoryTag"></el-table-column> <el-table-column label="清单" width="110" prop="expenseCategoryTag"></el-table-column>
...@@ -361,10 +361,15 @@ export default { ...@@ -361,10 +361,15 @@ export default {
.color2{ .color2{
background: #FFFFFF; background: #FFFFFF;
} }
th.gutter:last-of-type {
display: block!important;
width: 16px!important;
}
.el-table__fixed-right { .el-table__fixed-right {
z-index: 9; z-index: 9;
right: 16px !important; right: 16px !important;
bottom: 15px !important; bottom: 16px !important;
height: calc(100% - 16px) !important;
.el-table__fixed-header-wrapper { .el-table__fixed-header-wrapper {
position: absolute; position: absolute;
} }
...@@ -380,14 +385,56 @@ export default { ...@@ -380,14 +385,56 @@ export default {
} }
// 自动适配下 减去滚动条高度 // 自动适配下 减去滚动条高度
.el-table__fixed { .el-table__fixed {
height: calc(100% - 15px) !important; height: calc(100% - 16px) !important;
}
.el-table__fixed-right {
height: calc(100% - 15px) !important;
} }
.el-table__fixed-body-wrapper { .el-table__fixed-body-wrapper {
.el-table__body { .el-table__body {
padding-bottom: 10px!important; padding-bottom: 16px!important;
}
}
.el-table__body-wrapper {
&::-webkit-scrollbar {
width: 16px; //竖轴宽度
height: 16px; //横轴宽度
}
}
.el-table__fixed-body-wrapper .el-table__body {
padding-bottom: 16px; // 滚动条高度
}
::-webkit-scrollbar-track-piece {
//滚动条凹槽的颜色,还可以设置边框属性
background-color: #f3f4f5;
height: 16px;
padding: 0 4px;
}
//滚动条的宽度
::-webkit-scrollbar {
width: 16px;
height: 16px;
background-color: #f3f4f5;
border-radius: 6px;
}
//滚动条的滑块
::-webkit-scrollbar-thumb {
border-radius: 8px;
height: 8px;
margin: 0 4px;
background: rgba(0,0,0,.2);
border: 4px solid #f3f4f5;
&:hover {
background: #7d7d7d;
}
}
.el-scrollbar {
height: 16px;
.el-scrollbar__bar.is-horizontal {
height: 8px;
}
.el-scrollbar__thumb {
background: rgba(98, 110, 126, 0.4);
&:hover {
background: #566380;
}
} }
} }
} }
......
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