xiaoguangbin/AnalysisSystemForRadionuclide_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

颜色标识固定在上面，不要跟随滚动条滚动

Browse Source
This commit is contained in:
renpy 2023-09-01 14:36:00 +08:00
parent a4e284711c
commit aec35ab1e2
3 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/CustomChart/index.vue
View File

@ -74,6 +74,6 @@ export default {
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.custom-chart { .custom-chart {
height: 100% !important; // height: 100% !important;
} }
</style> </style>

3
src/views/stationOperation/components/MapPane.vue
View File

@ -1173,8 +1173,7 @@ export default {
right: 15px; right: 15px;
width: calc(100% - 270px); width: calc(100% - 270px);
height: 100%; height: 100%;
overflow: auto; padding: 0 0 10px 15px;
padding: 0 15px 10px;
border: 1px solid @borderColor; border: 1px solid @borderColor;
transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1); transition: width 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);

11
src/views/stationOperation/components/RealTimeDataChart.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div> <div style="width: 100%;height: 100%;overflow: auto;padding-top: 76px;">
<!-- 图例 --> <!-- 图例 -->
<div class="legend"> <div class="legend">
<div <div
@ -299,9 +299,16 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.legend { .legend {
margin: 32px 0; width: 100%;
padding: 25px 0;
display: flex; display: flex;
justify-content: center; justify-content: center;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
background: #022024;
z-index: 11;
&-item { &-item {
color: #ade6ee; color: #ade6ee;