| | |
| | | }, |
| | | selected (val) { |
| | | // console.log(val) |
| | | this.title = val.name + '(检索)' |
| | | this.topicList.forEach((itm) => { |
| | | itm.checked = val.name === itm.name |
| | | }) |
| | |
| | | position: relative; |
| | | width: 1.79167rem; |
| | | /*height: 5.6475rem;*/ |
| | | min-height: 60vh; |
| | | max-height: 80vh; |
| | | min-height: 80vh; |
| | | max-height: 90vh; |
| | | overflow: hidden; |
| | | } |
| | | .module-wrap{ |
| | |
| | | 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> |