派生自 wuyushui/SewerAndRainNetwork

wangqi
2021-04-06 272c1dc7490b70a50f245bd4965284f7baa15bdf
src/components/panel/RightSearchPanel.vue
@@ -97,6 +97,7 @@
    },
    selected (val) {
      // console.log(val)
      this.title = val.name + '(检索)'
      this.topicList.forEach((itm) => {
        itm.checked = val.name === itm.name
      })
@@ -185,8 +186,8 @@
    position: relative;
    width: 1.79167rem;
    /*height: 5.6475rem;*/
    min-height: 60vh;
    max-height: 80vh;
    min-height: 80vh;
    max-height: 90vh;
    overflow: hidden;
}
.module-wrap{
@@ -680,38 +681,39 @@
    transform: translateX(0px);
    transition: transform 0.5s linear;
  }
}
/******************以下公共部分**********/
.sewers-search{
    position: relative;
    overflow: hidden;
    .search-panel{
        background-color: transparent;
        border: 1px solid @background-color-split;
        padding: 10px;
        // .el-input{width:calc(100% - 40px);position: relative}
        /deep/ input {
            border-radius: 0;
            background-color: @background-color-split ;
            border: solid 1px @color ;
            color: @color-gray;
            font-size: 0.01rem;
            padding:0 15px;
            .el-select .el-input.is-focus .el-input__inner{
                border-color: @color;
    /******************以下公共部分**********/
    .sewers-search{
        position: relative;
        overflow: hidden;
        .search-panel{
            background-color: transparent;
            border: 1px solid @background-color-split;
            padding: 10px 0;
            // .el-input{width:calc(100% - 40px);position: relative}
            /deep/ input {
                border-radius: 0;
                background-color: @background-color-split ;
                border: solid 1px @color ;
                color: @color-gray;
                font-size: 0.01rem;
                padding:0 15px;
                .el-select .el-input.is-focus .el-input__inner{
                    border-color: @color;
                }
            }
            .el-input__inner{background: none;color:#fff;font-size: 14px;border-radius: 0; border-color: @color;background: rgba(0,16,30,.5);}
        }
        .el-input__inner{background: none;color:#fff;font-size: 14px;border-radius: 0; border-color: @color;background: rgba(0,16,30,.5);}
    }
    .search-btn{
        .search-btn{
    }
    //location-btn{
    //
    //}
    .location-btn:hover,.el-input__icon:hover{
        color: @color;
        cursor: pointer;
        }
        //location-btn{
        //
        //}
        .location-btn:hover,.el-input__icon:hover{
            color: @color;
            cursor: pointer;
        }
    }
}
</style>