This commit is contained in:
g7hoo 2023-05-13 15:04:41 +08:00
parent d1ba6ffe61
commit 38cf9236cb
2 changed files with 207 additions and 177 deletions

View File

@ -3,7 +3,8 @@
<Container usage="Table">
<SubContainer title="风机运行情况" icon="docs" padding="34px">
<div class="tables flex" style="height: 100%">
<table class="table-1 flex-1 align-start">
<div class="table-wrapper flex-1 align-start">
<table class="table-1">
<thead>
<!-- <tr style="font-size: 8px; background: #044a84; opacity: 19%"> -->
<tr class="t-row">
@ -34,7 +35,8 @@
</tr>
</tbody>
</table>
</div>
<!--
<div class="vertical-line"></div>
<table class="table-2 flex-1 align-start">
<thead>
@ -60,7 +62,7 @@
</td>
</tr>
</tbody>
</table>
</table> -->
</div>
</SubContainer>
</Container>
@ -108,6 +110,17 @@ export default {
<style scoped lang="scss">
@import "../../assets/styles/functions";
::-webkit-scrollbar {
width: 6px;
background: #eee1;
}
::-webkit-scrollbar-thumb {
width: 6px;
border-radius: 8px;
background: #eee3;
}
.flex-1 {
flex: 1;
// background: #eee;
@ -124,8 +137,14 @@ export default {
transparent
);
}
.table-wrapper {
padding-right: 6px;
height: 400px;
overflow-y: auto;
}
table {
width: 100%;
border-spacing: adjust(1px);
}
@ -137,15 +156,25 @@ table {
height: adjust(13.88px);
}
.tables > table {
overflow-y: auto;
}
.align-start {
align-self: flex-start;
}
thead > tr th:first-child {
text-align: center;
}
thead > tr th {
font-size: adjust(8px);
padding: adjust(1px) adjust(3px);
font-size: adjust(9px);
line-height: 1.5;
padding: adjust(2px) adjust(8px);
font-weight: 400;
background: #044a8446;
text-align: left;
}
tbody > tr:nth-child(odd) {
@ -153,8 +182,9 @@ tbody > tr:nth-child(odd) {
}
tbody > tr td {
font-size: adjust(7px);
padding: adjust(1px) adjust(6px);
font-size: adjust(9px);
line-height: 1.25;
padding: adjust(2px) adjust(8px);
font-weight: 400;
background: inherit;
}

View File

@ -67,7 +67,7 @@ export default {
}
.wave {
transform: translateX(adjust(-16px));
transform: translateX(adjust(-16px)) rotateY(0.5turn);
width: adjust(w(793px));
height: adjust(h(76px));
background: url(../../assets/inwater.png) no-repeat;