lixuefeng/fengjie-datascreen
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix 优化

Browse Source
This commit is contained in:
duanliang
2024-12-20 15:49:26 +08:00
parent 8e9123ca65
commit 818c42f7b0
5 changed files with 76 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

13
src/components/monitor/index.vue
View File

@@ -126,6 +126,19 @@
padding:vw(20);
.rt-v-box{
overflow-y: auto;
/* 滚动条整体样式 */
&::-webkit-scrollbar {
width: vw(4); /* 滚动条的宽度 */
}
/* 滚动条轨道 */
&::-webkit-scrollbar-track {
background: 'transparent'; /* 轨道的背景色 */
}
/* 滚动条滑块 */
&::-webkit-scrollbar-thumb {
background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */
border-radius: 5px; /* 滑块的圆角 */
}
height:100%;
}
.title{

2
src/views/testing/components/box-2.vue
View File

@@ -369,7 +369,7 @@
right:vw(20);
top:vh(15);
span{
width: vw(55);
min-width: vw(55);
padding:vw(5);
background: linear-gradient( 270deg, rgba(8,41,86,0.16) 0%, #0B61B4 100%);
border-radius: vw(50);

15
src/views/workOrder/components/box-1.vue
View File

@@ -29,8 +29,19 @@
z-index:99;
padding:0 vw(20);
.list{
scrollbar-width: none;
scrollbar-color: transparent transparent;
/* 滚动条整体样式 */
&::-webkit-scrollbar {
width: vw(4); /* 滚动条的宽度 */
}
/* 滚动条轨道 */
&::-webkit-scrollbar-track {
background: 'transparent'; /* 轨道的背景色 */
}
/* 滚动条滑块 */
&::-webkit-scrollbar-thumb {
background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */
border-radius: 5px; /* 滑块的圆角 */
}
height:vh(895);
overflow: auto;
.li:nth-child(odd){

38
src/views/workOrder/components/box-2.vue
View File

@@ -26,7 +26,12 @@
<div class="chart-box flex">
<div class="lt-chart">
<div class="title-3"><span>异常告警占比</span></div>
<div class="box">
<div class="box chart-p">
<div class="check-label">
<span class="active">全部</span>
<span>已完成总数</span>
</div>
<v-chart class="line-chart" :option="optionLine" autoresize />
</div>
</div>
@@ -395,7 +400,7 @@
})
const optionLine = ref({
backgroundColor:'transparent',
height:240,
height:fitChartSize(240),
grid:{
top:'30',
bottom:'0',
@@ -499,6 +504,35 @@
.line-chart{
// margin-top:vh(20);
}
.chart-p{
position:relative;
.check-label{
position:absolute;
right:vw(20);
top:vh(-15);
span{
min-width: vw(55);
padding:vw(5);
background: linear-gradient( 270deg, rgba(8,41,86,0.16) 0%, #0B61B4 100%);
border-radius: vw(50);
// border: 1px solid rgba(0,114,220,0.3);
margin-left:vw(5);
display: inline-block;
font-weight: 400;
font-size: vw(13);
color: #0084FF;
text-align: center;
font-style: normal;
text-transform: none;
}
.active{
background: linear-gradient( 270deg, #37D8FC 0%, #0084FF 100%);
border-radius: vw(50);
border: 1px solid rgba(0,114,220,0.3);
color:#fff;
}
}
}
.work-box-2{
width:vw(1522);
height:vh(965);

15
src/views/workOrder/components/box-3.vue
View File

@@ -210,8 +210,19 @@
z-index:99;
padding:0 vw(20);
.list{
scrollbar-width: none;
scrollbar-color: transparent transparent;
/* 滚动条整体样式 */
&::-webkit-scrollbar {
width: vw(4); /* 滚动条的宽度 */
}
/* 滚动条轨道 */
&::-webkit-scrollbar-track {
background: 'transparent'; /* 轨道的背景色 */
}
/* 滚动条滑块 */
&::-webkit-scrollbar-thumb {
background: rgba(0, 150, 255, 0.63); /* 滑块的背景色 */
border-radius: 5px; /* 滑块的圆角 */
}
height:vh(510);
overflow: auto;
.li:nth-child(odd){