mt-fe-group/11-mes-new
12
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

update 设备管理的滚动条

Browse Source
This commit is contained in:
lb 2022-11-10 13:54:12 +08:00
parent affc23fbc2
commit c943c1ab7a
3 changed files with 31 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
src/views/EquipmentManager/HomePage.vue
View File

@ -197,6 +197,27 @@ export default {
</script> </script>
<style scoped> <style scoped>
::-webkit-scrollbar {
width: calc(8px * var(--beilv));
}
::-webkit-scrollbar-track {
background-color: #14243f;
border-radius: 0;
}
::-webkit-scrollbar-button {
width: calc(8px * var(--beilv));
height: calc(8px * var(--beilv));
background: #5bc4bf9f;
position: relative;
}
::-webkit-scrollbar-thumb {
border-radius: calc(8px * var(--beilv));
background: #5bc4bf9f;
}
.fix-table-eq-exception >>> .el-table td .cell { .fix-table-eq-exception >>> .el-table td .cell {
width: 80% !important; width: 80% !important;
margin: auto; margin: auto;
@ -247,10 +268,10 @@ export default {
.techy-container__inner { .techy-container__inner {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.8vh; gap: calc(8px * var(--beilv));
height: calc(100% - 4vh); height: calc(100% - 4vh);
/* overflow-y: scroll; */ /* overflow-y: scroll; */
overflow-y: hidden; overflow-y: auto;
} }
.techy-container__inner > div { .techy-container__inner > div {
flex: 1 1; flex: 1 1;
@ -319,7 +340,7 @@ export default {
flex: 1; flex: 1;
height: calc(191px * var(--beilv)); height: calc(191px * var(--beilv));
overflow: hidden; overflow: hidden;
overflow-y: scroll; overflow-y: auto;
} }
.grid-2-3 { .grid-2-3 {

4
src/views/EquipmentManager/components/TechyAnalysisHeader.vue
View File

@ -125,7 +125,7 @@ export default {
.techy-analysis-header__title { .techy-analysis-header__title {
color: #01cfcc; color: #01cfcc;
font-size: 1.25vh; font-size: calc(15px * var(--beilv));
line-height: 18px; line-height: calc(18px * var(--beilv));
} }
</style> </style>

22
src/views/EquipmentManager/components/TechyVerticalTable.vue
View File

@ -40,13 +40,12 @@ export default {
<style scoped> <style scoped>
.techy-vertical-table { .techy-vertical-table {
height: calc(100% - 2.5vh); /* height: calc(100% - 2.5vh); */
overflow: hidden; overflow: auto;
color: white; color: white;
} }
.trow { .trow {
/* height: calc(100% / 6); */
width: 100%; width: 100%;
white-space: nowrap; white-space: nowrap;
display: flex; display: flex;
@ -59,8 +58,6 @@ export default {
.tbody { .tbody {
min-width: calc(100vw / 1920 * 96); min-width: calc(100vw / 1920 * 96);
background-color: #20376080; background-color: #20376080;
/* background-color: red; */
/* height: 100%; */
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
margin-right: 1px; margin-right: 1px;
@ -70,24 +67,15 @@ export default {
.thead { .thead {
width: 25%; width: 25%;
font-size: 14px; font-size: calc(14px * var(--beilv));
line-height: 1.81; line-height: 1.8;
/* padding: 8px 16px; */
/* font-size: 1vh; */
/* line-height: 2; */
/* font-weight: 400; */
} }
.tbody { .tbody {
width: 24%; width: 24%;
color: rgba(255, 255, 255, 0.7); color: rgba(255, 255, 255, 0.7);
font-size: 12px; font-size: calc(12px * var(--beilv));
line-height: 2; line-height: 2;
/* padding: 8px 12px; */
/* padding-left: 8px; */
/* font-size: 1vh; */
/* line-height: 2; */
/* font-weight: 400; */
} }
.tbody:last-child { .tbody:last-child {