From c92282ff76f3ff986b4798d0f95e9c3e61020ca7 Mon Sep 17 00:00:00 2001
From: chenyabin <Chenab123!>
Date: 星期一, 12 四月 2021 17:03:41 +0800
Subject: [PATCH] 日期选择组件，elelct 组件样式修改。
---
src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue | 71 +++++++++++++++--------------------
1 files changed, 30 insertions(+), 41 deletions(-)
diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
index 7f68fb3..0844f9f 100644
--- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
+++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsDate.vue
@@ -15,31 +15,25 @@
<div class="pickerData">
<span> 寮�濮嬫椂闂�:</span>
<span class="pickerTable">
- <el-date-picker type="datetime" v-model="value1">
- </el-date-picker>
- </span>
+ <el-date-picker type="datetime" v-model="value1"></el-date-picker>
+ </span>
</div>
<div class="pickerData">
<span >缁撴潫鏃堕棿:</span>
<span class="pickerTable">
- <el-date-picker
- type="datetime"
- v-model="value2"
- >
- </el-date-picker>
- </span>
+ <el-date-picker type="datetime" v-model="value2"></el-date-picker>
+ </span>
</div>
</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>
@@ -88,7 +82,6 @@
},
methods: {
onSubmit () {
- console.log(this.value1)
console.log('submit!')
},
drawChart: function () {
@@ -309,21 +302,18 @@
// }
//}
.grid-content {
- font-size: 8px !important;
+ font-size: 8px;
background-color: #2e4967;
text-align: center;
- margin: 0 2px 4px 2px;
border-radius: 2px;
- >i{
- font-style: normal;
- color: #eef309;
- }
+ margin-right: 10px;
+ padding:0 10px
}
.animation {
//width: 600px;
//height: 0.06rem;
- .Infomation {
- margin-left: 10px;
+ .infomation {
+ padding: 5px 10px;
}
}
.form-echrts {
@@ -343,18 +333,8 @@
flex: 1;
display: flex;
>span{line-height: 22px}
- .pickerTable{
- margin-left: 6px;
- /deep/.el-input{
- font-size: 0px;
- .el-input__prefix{
- width: 100%;
- }
- }
- /deep/.el-input__icon {
- width: 100%;
- font-size: 0;
- }
+ .pickerTable {
+ margin-left: 3px;
}
}
}
@@ -363,16 +343,25 @@
}
/deep/.el-input__inner{
position: relative;
- width: 0.9rem!important;
- height: 0.125rem!important;
+ width:140px;
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;
}
+ /deep/.el-input__icon{
+ display: block;
+ width: 140px;
+ height: 22px;
+ line-height: 22px;
+ cursor: pointer;
+ font-size: 0;
+ }
.echatsInput{
color: #00ffff;
background-color: #2e4967;
--
Gitblit v1.8.0