bd_group
/
gnss-tool-kit
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

优化布局

master
yezhichao 2021-12-02 13:10:48 +08:00
parent 9b7eceb5da
commit 14758a4ba9
1 changed files with 36 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
src/render/components/ScrollBoardTable.vue
View File

@ -11,7 +11,7 @@
/> />
</div> </div>
<div class="table-body flex-grow"> <div class="table-body flex-grow overflow-y-auto">
<div <div
class="row-item flex" class="row-item flex"
v-for="(row, ri) in data.satellites" v-for="(row, ri) in data.satellites"
@ -43,7 +43,18 @@ const evenRowBGC = '#0A2732'
const header = ['卫星编号', '仰角', '方位角', '载噪比'] const header = ['卫星编号', '仰角', '方位角', '载噪比']
const data = reactive({ const data = reactive({
satellites: [] satellites: [
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
// {id: 0, svid: 1, cn: 2, sd: 3},
]
}) })
const update = (GSVArr: Array<any>) => { const update = (GSVArr: Array<any>) => {
@ -65,6 +76,29 @@ defineExpose({ update })
background-color: rgb(25, 129, 246); background-color: rgb(25, 129, 246);
} }
.table-body {
height: 342px;
}
.table-body::-webkit-scrollbar {
width: 0;
}
.table-body:hover::-webkit-scrollbar {
width: 12px;
}
.table-body:hover::-webkit-scrollbar-thumb {
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: rgb(25, 129, 246);
}
.table-body:hover::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
background-color: #111827;
}
.row-item { .row-item {
line-height: 38px; line-height: 38px;
} }