From f74731373aa12d468609da8b60d6e503b77ba349 Mon Sep 17 00:00:00 2001 From: chenyabin <Chenab123!> Date: 星期五, 02 四月 2021 11:39:35 +0800 Subject: [PATCH] 右侧搜索栏统一样式修改。 --- src/components/panel/topicSearch/SewersSearch.vue | 47 ++++++++--------------------------------------- 1 files changed, 8 insertions(+), 39 deletions(-) diff --git a/src/components/panel/topicSearch/SewersSearch.vue b/src/components/panel/topicSearch/SewersSearch.vue index 566fd68..35cbab1 100644 --- a/src/components/panel/topicSearch/SewersSearch.vue +++ b/src/components/panel/topicSearch/SewersSearch.vue @@ -26,12 +26,14 @@ </el-select> </el-form-item> <!-- <el-form-item >--> - <el-input v-model="form.keyword" size="mini" - placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"> - <!-- <el-button slot="append" icon="el-icon-search" size="mini"></el-button>--> - <!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>--> - <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> - </el-input> + <div class="rightButtonSearch"> + <el-input v-model="form.keyword" size="mini" placeholder="鍦ㄦ杈撳叆鍏抽敭瀛楁悳绱�"> + <!-- <el-button slot="append" icon="el-icon-search" size="mini"></el-button>--> + <!-- <i slot="prefix" class="el-input__icon el-icon-search"></i>--> + <!-- <i slot="suffix" class="search-btn el-input__icon el-icon-search" @click="handleSearch"></i> --> + </el-input> + <el-buttom class="el-icon-search" @click="handleSearch"></el-buttom> + </div> <!-- </el-form-item>--> <!-- <el-form-item>--> <!-- <input type="button" class="btn-ok" @click="handleSearch" value="鏌ヨ">--> @@ -181,37 +183,4 @@ <style lang="less" scoped> -.sewers-search{ - position: relative; - overflow: hidden; - .search-panel{ - background-color: transparent; - border: 1px solid @background-color-split; - padding: 10px; - - /deep/ input { - border-radius: 0; - background-color: @background-color-split ; - border: solid 1px @color ; - color: @color-gray; - font-size: 0.01rem; - .el-select .el-input.is-focus .el-input__inner{ - border-color: @color; - } - } - /deep/ input:focus{ - border-color: @color; - } - } - .search-btn{ - - } - //location-btn{ - // - //} - .location-btn:hover,.el-input__icon:hover{ - color: @color; - cursor: pointer; - } -} </style> -- Gitblit v1.8.0