{"version":3,"sources":["webpack:///./src/views/portal/HouseList.vue?218c","webpack:///src/views/portal/HouseList.vue","webpack:///./src/views/portal/HouseList.vue?3348","webpack:///./src/views/portal/HouseList.vue","webpack:///./src/assets/imgs/banner_zc.png","webpack:///./src/views/portal/HouseList.vue?c196"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_m","attrs","_l","bannerImg","index","key","urlAddr","staticStyle","url","_v","item","id","_s","name","on","$event","removeSearchWord","_e","mapSearch","slot","model","value","callback","$$v","keyword","expression","search","streetTownNavData","length","style","height","dyHeight","navSearch","code","metroNavData","bussinessNavData","housing","padding","nativeOn","gotoDetail","cover","address","props","prop","pindex","total","pageSize","handleCurrentChange","staticRenderFns","component","module","exports"],"mappings":"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","file":"static/js/chunk-53d2a314.64aa837b.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"banner\"},[_vm._m(0),_c('el-carousel',{staticClass:\"banner-imgs\",attrs:{\"interval\":8000,\"indicator-position\":\"none\"}},_vm._l((_vm.bannerList),function(bannerImg,index){return _c('el-carousel-item',{key:index},[_c('a',{attrs:{\"href\":bannerImg.urlAddr}},[_c('img',{staticStyle:{\"width\":\"100%\",\"height\":\"100%\"},attrs:{\"src\":bannerImg.url?bannerImg.url:require('@/assets/imgs/banner_zc.png')}})])])}),1)],1),_c('div',{staticClass:\"content\",staticStyle:{\"margin-top\":\"0\"},attrs:{\"id\":\"houseList\"}},[_c('div',{staticClass:\"w\"},[_c('div',{staticClass:\"condition\"},[_c('div',{staticClass:\"l\",attrs:{\"id\":\"breadcrumb\"}},[_c('el-breadcrumb',{attrs:{\"separator-class\":\"el-icon-arrow-right\"}},[_c('el-breadcrumb-item',[_vm._v(\"当前位置\")]),_c('el-breadcrumb-item',[_vm._v(\"小区展示\")])],1)],1),(_vm.keywordHide)?_c('div',_vm._l((_vm.serachWord),function(item){return _c('div',{key:item.id,staticClass:\"l serachWord\"},[(item.name)?_c('div',{staticClass:\"l\"},[_c('span',[_vm._v(_vm._s(item.name))]),_c('i',{staticClass:\"el-icon-close\",on:{\"click\":function($event){return _vm.removeSearchWord(item.id)}}})]):_vm._e()])}),0):_vm._e(),_c('div',{staticClass:\"r\",attrs:{\"id\":\"mapSearch\"},on:{\"click\":_vm.mapSearch}},[_c('el-button',{staticClass:\"mapSearch\",attrs:{\"slot\":\"append\",\"type\":\"primary\",\"icon\":\"el-icon-location-information\"},on:{\"click\":_vm.mapSearch},slot:\"append\"},[_vm._v(\"地图找房\")])],1),_c('div',{staticClass:\"r\",attrs:{\"id\":\"search\"}},[_c('el-input',{staticClass:\"input-with-select\",attrs:{\"type\":\"text\"},model:{value:(_vm.keyword),callback:function ($$v) {_vm.keyword=$$v},expression:\"keyword\"}}),_c('el-button',{attrs:{\"type\":\"primary\"},on:{\"click\":_vm.search}},[_vm._v(\"搜索\")])],1),_c('div',{staticClass:\"clear\"})]),_c('div',{attrs:{\"id\":\"division\"}}),_c('div',{staticClass:\"group\"},[(_vm.streetTownNavData.length>0)?_c('div',{staticClass:\"row\",style:({height: _vm.dyHeight})},[_c('div',[_vm._m(1),_c('div',{staticClass:\"body\"},[_c('div',[_c('a',[_c('span',{on:{\"click\":function($event){return _vm.navSearch()}}},[_vm._v(\"不限\")])]),_vm._l((_vm.streetTownNavData),function(item){return _c('div',{key:item.code,on:{\"click\":function($event){return _vm.navSearch(item.code,item.name,1)}}},[_c('a',[_c('span',[_vm._v(_vm._s(item.name))])])])})],2)])])]):_vm._e(),(_vm.metroNavData.length>0)?_c('div',{staticClass:\"row\",style:({height: _vm.dyHeight})},[_c('div',[_vm._m(2),_c('div',{staticClass:\"body\"},[_c('div',_vm._l((_vm.metroNavData),function(item){return _c('div',{key:item.code,on:{\"click\":function($event){return _vm.navSearch(item.id,item.name,2)}}},[_c('a',[_c('span',[_vm._v(_vm._s(item.name))])])])}),0)])])]):_vm._e(),(_vm.bussinessNavData.length>0)?_c('div',{staticClass:\"row\",style:({height: _vm.dyHeight})},[_c('div',[_vm._m(3),_c('div',{staticClass:\"body\"},[_c('div',_vm._l((_vm.bussinessNavData),function(item){return _c('div',{key:item.code,on:{\"click\":function($event){return _vm.navSearch(item.id,item.name,3)}}},[_c('a',[_c('span',[_vm._v(_vm._s(item.name))])])])}),0)])])]):_vm._e()]),_c('div',{staticClass:\"maincontent\"},[_c('el-row',_vm._l((_vm.HousingList),function(housing,index){return _c('el-col',{key:index,attrs:{\"span\":8,\"offset\":index > 0 ? 1 : 0}},[_c('el-card',{attrs:{\"body-style\":{ padding: '0px' },\"shadow\":\"hover\"},nativeOn:{\"click\":function($event){return _vm.gotoDetail(housing.id)}}},[_c('div',{staticClass:\"img\"},[_c('el-image',{staticStyle:{\"width\":\"370px\",\"height\":\"278px\"},attrs:{\"src\":housing.cover}},[_c('div',{staticClass:\"image-slot\",attrs:{\"slot\":\"error\"},slot:\"error\"},[_c('img',{staticStyle:{\"width\":\"370px\",\"height\":\"278px\"},attrs:{\"src\":require('@/assets/imgs/pic.jpg')}})])])],1),_c('div',{staticClass:\"desc\"},[_c('div',{staticClass:\"housing-intro\"},[_c('div',{staticClass:\"community-name\",attrs:{\"title\":housing.name}},[_vm._v(\" \"+_vm._s(housing.name)+\" \")])]),_c('div',{staticClass:\"housing-addr\"},[_c('img',{attrs:{\"src\":require('@/assets/imgs/position-smaill.png')}}),_vm._v(\"  \"+_vm._s(housing.address)+\" \")]),(housing.props != null && housing.props.length > 0)?_c('div',{staticClass:\"housing-props\"},[_c('el-row',_vm._l((housing.props),function(prop,pindex){return _c('el-col',{key:pindex,attrs:{\"span\":4,\"offset\":pindex > 0 ? 1: 0}},[_c('el-button',{attrs:{\"plain\":\"\",\"size\":\"mini\"}},[_vm._v(\" \"+_vm._s(prop)+\" \")])],1)}),1)],1):_vm._e()])])],1)}),1)],1),_c('div',{attrs:{\"id\":\"page\"}},[_c('el-pagination',{attrs:{\"background\":\"\",\"layout\":\"prev, pager, next\",\"total\":_vm.total,\"page-size\":_vm.pageSize},on:{\"current-change\":_vm.handleCurrentChange}})],1)])])])}\nvar staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"banner-search\"},[_c('div',[_c('div',{staticClass:\"search-item\"},[_c('p',[_vm._v(\"小区展示\")]),_c('div')])])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head\"},[_c('span',[_vm._v(\"区域\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head\"},[_c('span',[_vm._v(\"地铁\")])])},function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"head\"},[_c('span',[_vm._v(\"商圈\")])])}]\n\nexport { render, staticRenderFns }","<template>\r\n\r\n    <div>\r\n         <div class=\"banner\">\r\n                <div class=\"banner-search\">\r\n                        <div>\r\n                            <div class=\"search-item\">\r\n                                <p>小区展示</p>\r\n                                <div></div>    \r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                    <el-carousel class=\"banner-imgs\" :interval=\"8000\" indicator-position=\"none\">\r\n                        <el-carousel-item v-for=\"(bannerImg, index) in bannerList\" :key=\"index\">\r\n                            <a :href=\"bannerImg.urlAddr\">\r\n                                <img\r\n                                    :src=\"bannerImg.url?bannerImg.url:require('@/assets/imgs/banner_zc.png')\"\r\n                                    style=\"width:100%;height:100%;\"\r\n                                />\r\n                            </a>\r\n                        </el-carousel-item>\r\n                    </el-carousel>\r\n                </div>\r\n    \r\n        <div class=\"content\" id='houseList' style=\"margin-top:0\">\r\n            <div class=\"w\">\r\n            <div class=\"condition\">\r\n                <div id=\"breadcrumb\" class=\"l\">\r\n                    <el-breadcrumb separator-class=\"el-icon-arrow-right\">\r\n                        <el-breadcrumb-item>当前位置</el-breadcrumb-item>\r\n                        <el-breadcrumb-item>小区展示</el-breadcrumb-item>\r\n                    </el-breadcrumb>\r\n                </div>\r\n    \r\n                <div v-if=\"keywordHide\"> <!-- 模糊查询时,不显示关键字 -->\r\n                    <div class='l serachWord' v-for=\"item in serachWord\" :key=\"item.id\">\r\n                        <div class=\"l\" v-if=\"item.name\">\r\n                            <span>{{item.name}}</span>\r\n                            <i class=\"el-icon-close\" @click=\"removeSearchWord(item.id)\"></i>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n    \r\n                <div id=\"mapSearch\" class=\"r\" @click=\"mapSearch\">\r\n                      <el-button\r\n                        slot=\"append\"\r\n                        class=\"mapSearch\"\r\n                        type=\"primary\"\r\n                        icon=\"el-icon-location-information\"\r\n                        @click=\"mapSearch\"\r\n                      >地图找房</el-button>\r\n                </div>\r\n    \r\n                <div id=\"search\" class=\"r\">\r\n                     <el-input\r\n                      v-model=\"keyword\"\r\n                      class=\"input-with-select\"\r\n                      type=\"text\"\r\n                    ></el-input>\r\n                    <el-button type=\"primary\" @click=\"search\">搜索</el-button>\r\n                </div>\r\n                <div class=\"clear\"></div>\r\n            </div>\r\n    \r\n            <div id=\"division\">\r\n            </div>\r\n    \r\n            <div class=\"group\">\r\n                <div class=\"row\" :style=\"{height: dyHeight}\" v-if=\"streetTownNavData.length>0\">\r\n                    <div >\r\n                        <div class=\"head\">\r\n                            <span>区域</span>\r\n                        </div>\r\n                        <div class=\"body\">\r\n                            <div>\r\n                                <a>\r\n                                    <span @click=\"navSearch()\">不限</span>\r\n                                </a>\r\n                                <div v-for=\"item in streetTownNavData\" :key=\"item.code\" @click=\"navSearch(item.code,item.name,1)\">\r\n                                    <a>\r\n                                        <span>{{item.name}}</span>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n               \r\n               <div class=\"row\" :style=\"{height: dyHeight}\" v-if=\"metroNavData.length>0\">\r\n                    <div >                    \r\n                        <div class=\"head\">\r\n                            <span>地铁</span>\r\n                        </div>\r\n                        <div class=\"body\">\r\n                            <div>\r\n                                <div v-for=\"item in metroNavData\" :key=\"item.code\" @click=\"navSearch(item.id,item.name,2)\">\r\n                                    <a>\r\n                                        <span>{{item.name}}</span>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n    \r\n                <div class=\"row\" :style=\"{height: dyHeight}\" v-if=\"bussinessNavData.length>0\">\r\n                    <div >                    \r\n                        <div class=\"head\">\r\n                            <span>商圈</span>\r\n                        </div>\r\n                        <div class=\"body\">\r\n                            <div>\r\n                                <div v-for=\"item in bussinessNavData\" :key=\"item.code\" @click=\"navSearch(item.id,item.name,3)\">\r\n                                    <a>\r\n                                        <span>{{item.name}}</span>\r\n                                    </a>\r\n                                </div>\r\n                            </div>\r\n                        </div>\r\n                    </div>\r\n                </div>\r\n            </div>\r\n    \r\n             <div class=\"maincontent\">\r\n              <el-row>\r\n                <el-col :span=\"8\" v-for=\"(housing, index) in HousingList\" :key=\"index\" :offset=\"index > 0 ? 1 : 0\">\r\n                  <el-card :body-style=\"{ padding: '0px' }\" shadow=\"hover\" @click.native=\"gotoDetail(housing.id)\">\r\n                    <div class=\"img\">\r\n                        <el-image :src=housing.cover style=\"width: 370px; height: 278px\">\r\n                            <div slot=\"error\" class=\"image-slot\">\r\n                                <img :src=\"require('@/assets/imgs/pic.jpg')\" style=\"width: 370px; height: 278px\">\r\n                            </div>\r\n                        </el-image>\r\n                    </div>\r\n                    \r\n                    <div class=\"desc\">\r\n                      <div class=\"housing-intro\">\r\n                        <div class=\"community-name\" :title=\"housing.name\">\r\n                          {{housing.name}}\r\n                        </div>\r\n                        <!-- <div class=\"housing-price\">\r\n                            <div v-if=\"housing.rental>0\">\r\n                                ￥{{housing.rental}}元 起/月\r\n                            </div>\r\n                        </div> -->\r\n                      </div>\r\n                      <div class=\"housing-addr\">\r\n                        <img :src=\"require('@/assets/imgs/position-smaill.png')\" />\r\n                        &nbsp;{{housing.address}}\r\n                      </div>\r\n                      <div class=\"housing-props\" v-if=\"housing.props != null && housing.props.length > 0\">\r\n                          <el-row>\r\n                            <el-col :span=\"4\" v-for=\"(prop , pindex) in housing.props\" :key=\"pindex\" :offset=\"pindex > 0 ? 1: 0\">\r\n                              <el-button plain size=\"mini\">\r\n                                {{prop}}\r\n                              </el-button>\r\n                            </el-col>\r\n                          </el-row>\r\n                      </div>\r\n                    </div>\r\n                  </el-card>\r\n                </el-col>\r\n              </el-row>\r\n            </div>\r\n    \r\n             <div id=\"page\">\r\n                 <el-pagination\r\n                    background\r\n                    layout=\"prev, pager, next\"\r\n                    @current-change=\"handleCurrentChange\"\r\n                    :total=\"total\"\r\n                    :page-size=\"pageSize\">\r\n                </el-pagination>\r\n             </div>\r\n        </div>\r\n        </div>\r\n        </div>\r\n    </template>\r\n    \r\n    <script>\r\n    import PortalApi from \"@/api/portal/index\";\r\n    export default{\r\n        data(){\r\n            return{\r\n                total:0,\r\n                pageSize:9,\r\n                keyword:\"\",\r\n                code:\"\",\r\n                streetTownNavData:[],\r\n                metroNavData:[],\r\n                bussinessNavData:[],\r\n                serachWord:[],\r\n                dyHeight:'60px',\r\n                HousingList: [],\r\n                bannerList: [\r\n                {\r\n                    url: require(\"@/assets/imgs/banner_zc.png\"),\r\n                    urlAddr: \"#\",\r\n                }],\r\n                keywordHide:true\r\n            }\r\n        },\r\n        activated(){\r\n            this.getData();\r\n        },\r\n        watch: {\r\n            // 监控query不同时，重新获取数据\r\n            $route(to, from) {\r\n                if(to.name == from.name && to.query != from.query){\r\n                    this.getData();\r\n                }\r\n            },\r\n        },\r\n        methods:{\r\n            getData(){\r\n                PortalApi.getNavInfo()\r\n                .then(\r\n                    res=>{\r\n                        var data = res.data;\r\n                        this.streetTownNavData = data.streetTownList;\r\n                        this.metroNavData = data.metroTownList;\r\n                        this.bussinessNavData = data.bussinessTownList;\r\n                        //this.total = res.count;\r\n                    }\r\n                )\r\n    \r\n                this.serachWord = [];\r\n    \r\n                // 从首页过来的\r\n                if(this.$route.query.keyword){\r\n                    this.serachWord = [{id:\"\",type:\"0\",name:this.$route.query.keyword}];\r\n                }\r\n    \r\n                if(this.$route.query.type){\r\n                    this.serachWord = [{id:\"\",type:this.$route.query.type,name:\"\"}];\r\n                }\r\n    \r\n                PortalApi.getCommunityList(1,9,this.serachWord)\r\n                .then(\r\n                    res=>{\r\n                        this.HousingList = res.data;\r\n                        this.total = res.count;\r\n                    }\r\n                )\r\n            },\r\n            handleCurrentChange(val){\r\n                PortalApi.getCommunityList(val,9,this.serachWord)\r\n                .then(\r\n                    res=>{\r\n                        this.HousingList = res.data;\r\n                        this.total = res.count;\r\n    \r\n                        window.scrollTo(0,290);\r\n                    }\r\n                )\r\n            },\r\n            gotoDetail(id){ \r\n                const routeUrl = this.$router.resolve({\r\n                    path: \"/HouseDetail\",\r\n                    query: { id: id },\r\n                    });\r\n                window.open(routeUrl.href, \"_blank\");\r\n                //this.$router.push({ path: \"/HouseDetail\", query: { id: id} });\r\n            },\r\n            mapSearch(){\r\n                this.$router.push({ path: \"/MapSearch\" });\r\n            },\r\n            search(){\r\n               this.serachWord = [{id:\"\",type:\"0\",name:this.keyword}];\r\n               this.keywordHide = false;\r\n                PortalApi.getCommunityList(1,9,this.serachWord)\r\n                    .then(\r\n                        res=>{\r\n                            this.HousingList = res.data;\r\n                            this.total = res.count;\r\n                            }\r\n                    );\r\n            },\r\n            \r\n            // type 1 街道，2 地铁，3 商圈\r\n            navSearch(id,name,type){ \r\n                this.serachWord = [];\r\n                this.keyword = \"\";\r\n                this.keywordHide = true;\r\n                if(id == undefined){ // 不限\r\n                    PortalApi.getCommunityList(1,9,this.serachWord)\r\n                    .then(\r\n                        res=>{\r\n                            this.HousingList = res.data;\r\n                            this.total = res.count;\r\n                            }\r\n                    );\r\n                    return;\r\n                }\r\n                this.serachWord = this.serachWord.reduce((total, current) => {\r\n                    current.type !== type && total.push(current);\r\n                    return total;\r\n                }, []);\r\n    \r\n                this.serachWord.push({\r\n                    id:id,\r\n                    name:name,\r\n                    type:type\r\n                });\r\n                PortalApi.getCommunityList(1,9,this.serachWord)\r\n                    .then(\r\n                        res=>{\r\n                            this.HousingList = res.data;\r\n                            this.total = res.count;\r\n                            }\r\n                    );\r\n            },\r\n            removeSearchWord(id){\r\n               this.serachWord = this.serachWord.reduce((total, current) => {\r\n                current.id !== id && total.push(current);\r\n                return total;\r\n            }, []);\r\n             PortalApi.getCommunityList(1,9,this.serachWord)\r\n                    .then(\r\n                        res=>{\r\n                            this.HousingList = res.data;\r\n                            this.total = res.count;\r\n                            }\r\n                    );\r\n            }\r\n        }\r\n    }\r\n    \r\n    </script>\r\n    \r\n    <style lang=\"scss\" scoped>\r\n    #houseList{\r\n        .w{\r\n            width:1170px;\r\n            margin: 0 auto;\r\n        }\r\n        .l{\r\n            float:left;\r\n        }\r\n        .r{\r\n            float:right;\r\n        }\r\n        .clear{\r\n            clear: both;\r\n        }\r\n       \r\n        #breadcrumb,#search,#mapSearch,.serachWord{\r\n            display: flex;\r\n            align-items: center;\r\n            text-align: justify;\r\n            height:60px;\r\n            color:#fff;\r\n        }\r\n        .serachWord div{\r\n            color:#999999;\r\n            margin-left: 20px;\r\n            padding :0 16px 0 5px;\r\n            font-size: 16px;\r\n            height: 20px;\r\n            border:1px solid #e8e8e8;\r\n            position: relative;\r\n        }\r\n        .serachWord div i{\r\n            width: 10px;\r\n            height: 10px;\r\n            position: absolute;\r\n            right: 0;\r\n            top: 0;\r\n            font-size: 10px;\r\n            margin-right: 3px;\r\n        }\r\n        #division{\r\n            border-top: 1px solid #DEDEDE;\r\n            margin-bottom: 20px;\r\n        }\r\n        .input-with-select /deep/.el-input__inner{\r\n            width: 264px;\r\n            height: 35px;\r\n            border-radius: 0;\r\n        }\r\n        #search button,#mapSearch button{\r\n            width: 54px;\r\n            height: 35px;\r\n            font-size: 12px;\r\n            border-radius: 0;\r\n            padding:0;\r\n        }\r\n        #search button span{\r\n            display: block;\r\n            width: 54px;\r\n            height: 35px;\r\n            line-height: 35px;\r\n        }\r\n        #mapSearch{\r\n            margin-left: 10px;\r\n        }\r\n        #mapSearch button{\r\n            width: 95px;\r\n            background-color: #ffffff;\r\n            color:#666666;\r\n            font-size: 14px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            border: 1px solid #DEDEDE;\r\n        }\r\n        .group{\r\n            position: relative;\r\n            text-align: left;\r\n        }\r\n        .row{\r\n            position:relative;\r\n            height: 60px;\r\n            overflow: hidden;\r\n            margin-bottom: 20px;\r\n        }\r\n        .head {\r\n            position: absolute;\r\n            font-size: 16px;\r\n            color: #424242;\r\n            font-weight: normal;\r\n        }\r\n        .body {\r\n            padding: 0 100px 0 80px;\r\n        }\r\n        .body a{\r\n            float: left;\r\n            margin: 0 40px 9px 0;\r\n            height: 18px;\r\n            color:#999999;\r\n            text-decoration: none;\r\n        }\r\n        .body a:hover{\r\n            color:#2C79CB;\r\n            cursor: pointer;\r\n        }\r\n        .foot{\r\n            position:absolute;\r\n            right: 0;\r\n            color:#999999;\r\n        }\r\n        .foot span{\r\n            cursor: pointer;\r\n        }\r\n        .img{\r\n            width: 370px;\r\n            height: 278px;\r\n            position: relative;\r\n        }\r\n    \r\n        .housing-intro{\r\n            padding:24px 28px 20px 26px;\r\n            text-align: left;\r\n        }\r\n        .housing-intro .community-name{\r\n            float:left;\r\n            width: 95%;\r\n            //height: 17px;\r\n            font-size: 18px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #333333;\r\n            line-height: 22px;  \r\n            white-space:nowrap;\r\n            text-overflow:ellipsis; \r\n            overflow:hidden;\r\n            cursor: pointer;\r\n        }\r\n    \r\n        .housing-intro .housing-price{\r\n            float: right;\r\n            width: 130px;\r\n            height: 17px;\r\n            font-size: 18px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #FF0000;\r\n            line-height: 22px;\r\n        }\r\n    \r\n        .maincontent .desc .housing-addr{\r\n            padding: 20px 0px 18px 27px;\r\n            height: 13px;\r\n            text-align: left;\r\n            font-size: 14px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #999999;\r\n            line-height: 22px;\r\n        }\r\n    \r\n        .maincontent .desc .housing-props{\r\n            padding:0px 27px 25px 27px;\r\n            font-size: 12px;\r\n            font-family: Microsoft YaHei;\r\n            font-weight: 400;\r\n            color: #999999;\r\n            line-height: 30px;\r\n            height: 30px;\r\n        }\r\n        .maincontent .el-col-8{\r\n            width: 370px; \r\n            margin-bottom: 20px;\r\n            margin-left: 28px;\r\n        }\r\n    \r\n        .maincontent .el-col-8:nth-child(3n+1){\r\n            margin-left: 0;\r\n        }\r\n        .maincontent .el-button--mini{\r\n            padding: 7px;\r\n        }\r\n        #page{\r\n            margin-top: 30px;\r\n            margin-bottom: 40px;\r\n        }\r\n    \r\n    \r\n    }\r\n        /* 导航图片 */\r\n        .banner {\r\n        width: 100%;\r\n        position: relative;\r\n        height: 290px;\r\n        margin: 146px auto 0;\r\n    }\r\n    \r\n    .banner-search {\r\n        position: absolute;\r\n        left: 0;\r\n        right: 0;\r\n        bottom: 100px;\r\n        z-index: 99;\r\n        height:85px;\r\n    }\r\n    \r\n    .banner-imgs {\r\n        height: 100%;\r\n        width: 100%;\r\n        \r\n    }\r\n    \r\n    .banner-img .el-carousel__indicators {\r\n        z-index: 10000;\r\n    }\r\n    \r\n    .banner .banner-title {\r\n        height: 130px;\r\n        margin-bottom: 50px;\r\n    }\r\n    .search-item {\r\n        width: 791px;\r\n        min-width: 750px;\r\n        max-width: 1000px;\r\n        text-align: center;\r\n        margin: 0 auto;\r\n        background: rgba(255, 255, 255, 0);\r\n        border-radius: 10px;\r\n        padding: 19px 25px 18px 23px;\r\n        font-size: 30px;\r\n        font-family: Microsoft YaHei;\r\n        font-weight: bold;\r\n        color: #FFFFFF;\r\n        line-height: 22px;\r\n        align-items: center;\r\n    }\r\n    \r\n    .search-item div{\r\n        width: 29px;\r\n        height: 4px;\r\n        background:#ffffff;\r\n        margin: 11px auto;\r\n    }\r\n    </style>","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HouseList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HouseList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./HouseList.vue?vue&type=template&id=4225786c&scoped=true&\"\nimport script from \"./HouseList.vue?vue&type=script&lang=js&\"\nexport * from \"./HouseList.vue?vue&type=script&lang=js&\"\nimport style0 from \"./HouseList.vue?vue&type=style&index=0&id=4225786c&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4225786c\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"static/img/banner_zc.690d493c.png\";","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./HouseList.vue?vue&type=style&index=0&id=4225786c&lang=scss&scoped=true&\""],"sourceRoot":""}