feat: 选择器样式修改优化

main
JINGYJ
parent 30a7e562b1
commit c70c88468a

Binary file not shown.

After

Width:  |  Height:  |  Size: 112 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 106 KiB

@ -130,6 +130,7 @@
.el-select__wrapper {
min-height: 32px;
line-height: 32px;
box-shadow: 0 0 0 0 !important;
}
.el-select__arrow {
color: rgba(255, 255, 255, 0.6); /* 下拉箭头颜色 */

@ -10,7 +10,11 @@
margin-bottom: 20px;
width: 100%;
.grid-item {
background: rgba(74, 126, 191, 0.1);
// background: rgba(74, 126, 191, 0.1);
background-image: url("@/assets/common/gridItemBg.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
// border-radius: 8px;
width: 50%;
@ -45,6 +49,21 @@
width: 100%;
height: 300px;
}
.chart-container-bar {
// margin-top: 0px;
width: 100%;
height: 340px;
}
.chart-pie-bg{
margin-top: 19px;
background-image: url("@/assets/common/gridItemPieBg.png");
background-size: 100% 100%;
background-position: center;
background-repeat: no-repeat;
}
}
.grid-item-pie {
background-image: none;
}
}
.device-info {

@ -20,7 +20,7 @@
</template>
</ContentHeader>
</div>
<div class="chart-container">
<div class="chart-container chart-container-bar">
<BarChart
:xData="xData"
:legendArr="legendArr"
@ -69,7 +69,7 @@
<!-- 中部检测模块 -->
<div class="grid-container">
<ul class="flex grid-item">
<ul class="flex grid-item grid-item-pie">
<li>
<div class="module-header">
<ContentHeader bgLayout="450">
@ -94,7 +94,7 @@
</template>
</ContentHeader>
</div>
<div class="chart-container">
<div class="chart-container chart-pie-bg">
<PieChart
:data="carFaultTotal"
:colors="[
@ -132,7 +132,7 @@
</template>
</ContentHeader>
</div>
<div class="chart-container">
<div class="chart-container chart-pie-bg">
<PieChartSmall
:data="poleFaultTotal"
:colors="['#9DFFF3', '#FFA179']"

Loading…
Cancel
Save