From a29c62feef746165ea4034ea48530418d7033836 Mon Sep 17 00:00:00 2001 From: wangqi <magical1908@outlook.com> Date: 星期四, 08 四月 2021 18:14:50 +0800 Subject: [PATCH] 修改样式 --- src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue | 100 ++++++++++++++++++++++++++------------------------ 1 files changed, 52 insertions(+), 48 deletions(-) diff --git a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue index 42cacb7..ee05f93 100644 --- a/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue +++ b/src/components/BaseNav/PublicBounced/GasComponents/EChartsHour.vue @@ -53,52 +53,46 @@ <!-- <option value="Jim">--> <!-- <option value="Lily">--> <!-- </datalist>--> - <el-row type="flex" :gutter="20"> + <el-row type="flex"> <el-col :span="14"> -<!-- <el-row>--> -<!-- <el-col :span="12">--> -<!-- <el-row type="flex" justify="space-between">--> -<!-- <el-col class="pickerData">--> -<!-- 寮�濮嬫椂闂�:--> -<!-- <el-date-picker--> -<!-- type="date">--> -<!-- </el-date-picker>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- </el-col>--> -<!-- <el-col :span="12" type="flex">--> -<!-- <el-row type="flex" justify="center">--> -<!-- <el-col>--> -<!-- 缁撴潫鏃堕棿:--> -<!-- <el-date-picker--> -<!-- type="date"--> -<!-- >--> -<!-- </el-date-picker>--> -<!-- </el-col>--> -<!-- </el-row>--> -<!-- </el-col>--> -<!-- </el-row>--> + <div class="pickerMon"> + <div class="pickerData"> + <span> 寮�濮嬫椂闂�:</span> + <span class="pickerTable"><el-date-picker + type="date"> + </el-date-picker></span> + </div> + <div class="pickerData"> + <span >缁撴潫鏃堕棿:</span> + <span class="pickerTable"> + <el-date-picker + type="date" + > + </el-date-picker> + </span> + </div> + </div> </el-col> <el-col :span="5"> - 閲囨牱鐐规暟: - <input list="source" id="ipt" class="echatsInput"> - <datalist id="source"> - <option value="0" /> - <option value="25" /> - <option value="50" /> - <option value="75" /> - <option value="100" /> - </datalist> -<!-- <div data-tap-disabled="true">--> -<!-- 閲囨牱鐐规暟:--> -<!-- <select id="source">--> -<!-- <option value="1">0</option>--> -<!-- <option value="2">25</option>--> -<!-- <option value="3">50</option>--> -<!-- <option value="4">75</option>--> -<!-- <option value="5">100</option>--> -<!-- </select>--> -<!-- </div>--> +<!-- 閲囨牱鐐规暟:--> +<!-- <input list="source" id="ipt" class="echatsInput">--> +<!-- <datalist id="source">--> +<!-- <option value="0" />--> +<!-- <option value="25" />--> +<!-- <option value="50" />--> +<!-- <option value="75" />--> +<!-- <option value="100" />--> +<!-- </datalist>--> + <div data-tap-disabled="true"> + 閲囨牱鐐规暟: + <select id="source"> + <option value="1">0</option> + <option value="2">25</option> + <option value="3">50</option> + <option value="4">75</option> + <option value="5">100</option> + </select> + </div> </el-col> <el-col class="detailbtn" :span="2" @click="onSubmit">鏌ヨ</el-col> <el-col :span="3"> @@ -357,16 +351,26 @@ border-top: 1px solid #396d83; //margin: 10px 10px 10px 10px; .from-search{ - //display: flex; - //justify-content: space-between; - .pickerData{ + margin-top: 6px; + .pickerMon{ display: flex; - justify-content: space-between; + .pickerData{ + flex: 1; + display: flex; + .pickerTable{ + margin-left: 6px; + width: 40px; + /deep/.el-icon-date { + display:none; + } + } + } } /deep/.el-input__inner{ - width: 40px!important; + width: 60px!important; height: 16px!important; background-color: #2e4967; + padding: 0!important; } .echatsInput{ color: #00ffff; -- Gitblit v1.8.0