odjbin/tunnel-cloud-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge pull request 'fix : 细节优化' (#301) from dengjie into dev

Browse Source 
Reviewed-on: http://git.feashow.cn/clay/tunnel-cloud-web/pulls/301
This commit is contained in:
odjbin
2024-03-04 09:49:39 +00:00
parent d0cd0a19ea 07739421e8
commit bdd4fd02f4
1 changed files with 42 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

30
src/components/content/usedEle/UsedEle.vue
View File

@@ -85,6 +85,7 @@ import * as echarts from 'echarts';
import TimeRangeBtn from "@/components/timeRangeBtn/index.vue" import TimeRangeBtn from "@/components/timeRangeBtn/index.vue"
import ChooseMonth from "@/components/chooseMonth/index.vue" import ChooseMonth from "@/components/chooseMonth/index.vue"
import {getEleEchartsInfo} from "@/api/largeScreen"; import {getEleEchartsInfo} from "@/api/largeScreen";
const props = defineProps({ const props = defineProps({
list: Array, list: Array,
eleData: Array eleData: Array
@@ -333,13 +334,16 @@ const initChart = (type, valueA, valueB) => {
<style lang="scss"> <style lang="scss">
.user-select { .user-select {
margin-bottom: 126px; margin-bottom: 126px;
.el-input { .el-input {
width: 300px; width: 300px;
.el-input__wrapper { .el-input__wrapper {
background-color: transparent; background-color: transparent;
box-shadow: none; box-shadow: none;
border-radius: 10px; border-radius: 10px;
border: 2px solid #0F82AF; border: 2px solid #0F82AF;
.el-input__inner { .el-input__inner {
height: 80px; height: 80px;
font-size: 40px; font-size: 40px;
@@ -348,13 +352,11 @@ const initChart = (type, valueA, valueB) => {
} }
} }
.el-select__wrapper {
min-height: 75px; .el-select__placeholder {
height: auto !important; height: 54px;
background-color: transparent; line-height: 54px;
border: 1px solid #08B7B8; color: #FFFFFF;
font-size: 35px;
width: 476px;
} }
.el-select__placeholder.is-transparent { .el-select__placeholder.is-transparent {
@@ -399,11 +401,22 @@ const initChart = (type, valueA, valueB) => {
.el-form-item.is-error .el-input__wrapper { .el-form-item.is-error .el-input__wrapper {
box-shadow: none; box-shadow: none;
} }
.el-select__wrapper {
min-height: 75px;
height: auto !important;
background-color: transparent;
border: 1px solid #08B7B8;
font-size: 35px;
width: 213px!important;
}
.el-select__popper { .el-select__popper {
margin-top: -12px !important; margin-top: -12px !important;
background: #072247 !important; background: #072247 !important;
border: 1px solid #0F82AF !important; border: 1px solid #0F82AF !important;
//width: 476px!important;
.el-select-dropdown{
width: auto;
}
} }
.el-popper { .el-popper {
@@ -523,6 +536,7 @@ const initChart = (type, valueA, valueB) => {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;
padding: 1px; padding: 1px;
.value { .value {
position: absolute; position: absolute;
bottom: 0; bottom: 0;