| | |
| | | * @Author: shuishen 1109946754@qq.com |
| | | * @Date: 2022-08-18 16:18:17 |
| | | * @LastEditors: shuishen 1109946754@qq.com |
| | | * @LastEditTime: 2022-09-17 10:41:34 |
| | | * @LastEditTime: 2022-09-17 11:59:25 |
| | | * @FilePath: \srs-police-affairs\src\views\house\index.vue |
| | | * @Description: 小区-栋-层-房屋 |
| | | * |
| | |
| | | |
| | | <template> |
| | | <div class="container"> |
| | | <div class="search-box"></div> |
| | | <div class="search-box"> |
| | | <el-input size="small" placeholder="请输入小区名称" v-model="searchHouse"> |
| | | <el-button slot="append" icon="el-icon-search"></el-button> |
| | | </el-input> |
| | | </div> |
| | | <div class="result-content"> |
| | | <div class="housing-estate-info"> |
| | | <div class="housing-bg"></div> |
| | |
| | | export default { |
| | | data () { |
| | | return { |
| | | searchHouse: '', |
| | | navType: 0 |
| | | |
| | | } |
| | | }, |
| | | created () { |
| | |
| | | width: 400px; |
| | | height: 100%; |
| | | color: #fff; |
| | | background: rgba(41, 53, 53, 0.8); |
| | | background: rgba(7, 22, 37, 0.8); |
| | | |
| | | .search-box { |
| | | padding: 0 10px; |
| | | display: flex; |
| | | align-items: center; |
| | | justify-content: center; |
| | | height: 50px; |
| | | background: blue; |
| | | } |
| | | |
| | | .result-content { |
| | |
| | | height: calc(100% - 58px); |
| | | overflow-x: hidden; |
| | | overflow-y: auto; |
| | | background: pink; |
| | | |
| | | .housing-estate-info { |
| | | .housing-bg { |
| | | height: 200px; |
| | | background: rgb(34, 196, 255); |
| | | } |
| | | |
| | | .housing-introduce { |