From 87e4f5187d943cac46c9a75c0553e2072e01ca29 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 12 四月 2021 15:04:30 +0800
Subject: [PATCH] 日期选择组件，elelct 组件样式修改。
---
src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue | 10 +----
src/assets/css/map/map-panel-style.less | 59 +++++++++++++++++++++++++++++
src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue | 23 +++++++----
src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue | 25 +++++++-----
src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue | 2
5 files changed, 91 insertions(+), 28 deletions(-)
diff --git a/src/assets/css/map/map-panel-style.less b/src/assets/css/map/map-panel-style.less
index 5c5a3a9..fcf9008 100644
--- a/src/assets/css/map/map-panel-style.less
+++ b/src/assets/css/map/map-panel-style.less
@@ -239,6 +239,7 @@
.el-button{
}
+.hover-bottom:hover,
.active-button{
border: 0.00521rem solid #fff700 !important;
box-shadow: 0 0 0.03rem #fff700 !important;
@@ -440,3 +441,61 @@
}
+.el-picker-panel{
+ background: @background-color;
+ border-color:@color;
+ color:@color;
+ .el-picker-panel__body-wrapper{
+ background: @background-color;
+ }
+ .el-input__inner{
+ background:@background-color;
+ border-color:@color;
+ }
+ .el-date-table td.today span{
+ color:@color-highlight;
+ }
+ .el-picker-panel__footer{
+ background: @background-color;
+ border-top-color:@color;
+ }
+ .el-date-table th{
+ border-bottom-color:@color;
+ }
+ .el-button{
+ background: @background-color;
+ color:@color;
+ border-color:@color;
+ }
+ .el-button--text{
+ padding: 7px 15px;
+ }
+ .el-button:hover{
+ background: @background-color;
+ color:@color-highlight;
+ border-color:@color-highlight;
+ }
+ .el-input__inner{
+ color:#fff;
+ text-align: center;
+ }
+ .el-date-picker__time-header{
+ border-bottom-color:@background-color-split;
+ }
+ .el-date-picker__header-label{color:#fff}
+}
+.el-select-dropdown{
+ background: @background-color;
+ border-color:@color;
+ color:@color;
+ .el-select-dropdown__item{
+ color:#fff;
+ }
+ .el-select-dropdown__item.hover{
+ background: @background-color;
+ box-shadow: 0 0 5px @color-highlight inset;
+ }
+ .el-select-dropdown__item.selected{
+ color:@color-highlight;
+ }
+ }
\ No newline at end of file
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
index 994a8be..96fcf97 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
@@ -27,14 +27,13 @@
</div>
<div>
閲囨牱鐐规暟:
- <input list="source" id="ipt" class="echatsInput" @change="datalistBtn">
- <datalist id="source" @click="datalistBtn">
- <option value="0" />
- <option value="25" />
- <option value="50" />
- <option value="75" />
- <option value="100" />
- </datalist>
+ <el-select v-model="formInline.region" placeholder="50">
+ <el-option label="0" value="0"></el-option>
+ <el-option label="25" value="25"></el-option>
+ <el-option label="50" value="50"></el-option>
+ <el-option label="75" value="75"></el-option>
+ <el-option label="100" value="100"></el-option>
+ </el-select>
</div>
<div class="detailbtn" @click="onSubmit">鏌ヨ</div>
<div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div>
@@ -345,12 +344,13 @@
/deep/.el-input__inner{
position: relative;
width:140px;
- height:22px;
background-color: #2e4967;
- color: #ffffff;
+ color: #fff;
font-size: 12px;
height: 24px;
padding: 0;
+ border-color:#00fff6;
+ text-align: center;
//padding-left:20px ;
//padding: 0!important;
}
@@ -382,6 +382,11 @@
border-radius: 4px;
margin-right: 6px;
}
+ .detailbtn:hover{
+ box-shadow: 0 0 0.03rem #fff700 !important;
+ color:#fff700 !important;
+ cursor: pointer;
+ }
}
.el-dialog-div {
//height: 50vh!important;
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
index 27356eb..831d249 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue
@@ -32,14 +32,13 @@
</div>
<div>
閲囨牱鐐规暟:
- <input list="source" id="ipt" class="echatsInput" value="50">
- <datalist id="source" >
- <option value="0" />
- <option value="25" />
- <option value="50" />
- <option value="75" />
- <option value="100" />
- </datalist>
+ <el-select v-model="formInline.region" placeholder="50">
+ <el-option label="0" value="0"></el-option>
+ <el-option label="25" value="25"></el-option>
+ <el-option label="50" value="50"></el-option>
+ <el-option label="75" value="75"></el-option>
+ <el-option label="100" value="100"></el-option>
+ </el-select>
</div>
<div class="detailbtn" @click="onSubmit">鏌ヨ</div>
<div class="detailbtn" @click="dialogVisible = true" >鏄庣粏琛�</div>
@@ -337,12 +336,13 @@
/deep/.el-input__inner{
position: relative;
width:140px;
- height:22px;
background-color: #2e4967;
color: #ffffff;
font-size: 12px;
height: 24px;
padding: 0;
+ border-color:#00fff6;
+ text-align: center;
//padding-left:20px ;
//padding: 0!important;
}
@@ -374,6 +374,11 @@
border-radius: 4px;
margin-right: 6px;
}
+ .detailbtn:hover{
+ box-shadow: 0 0 0.03rem #fff700 !important;
+ color:#fff700 !important;
+ cursor: pointer;
+ }
}
.el-dialog-div {
//height: 50vh!important;
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
index 16f4121..4ceacba 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicChart.vue
@@ -47,17 +47,11 @@
</script>
-<style scoped>
-* {
- margin: 0;
- padding: 0;
- list-style: none;
-}
-
+<style scoped lang="less">
.win {
position: relative;
/*margin-bottom: 13px;*/
- background-color: rgba(33, 41, 69, 0.9);
+ background:@background-color;
border: 0.8px solid #396d83;
/*height: 1.5rem;*/
}
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
index d688dce..967de8a 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/PublicTabs.vue
@@ -71,7 +71,7 @@
.win {
position: relative;
margin-bottom: 10px;
- background-color: rgba(33, 41, 69, 0.9);
+ background-color: @background-color;
//width: 6rem;
//height: 0.5rem;
}
--
Gitblit v1.8.0