<template>

  <div style="background-color: white">
    <div class="house-info-detail-top">
      <h3>房屋基本信息</h3>
    </div>

    <div class="house-info-detail-title">房屋地址</div>
    <div class="house-info-detail-content">{{datas.projAndFqName}}</div>

    <div class="house-info-detail-title">建筑面积</div>
    <div class="house-info-detail-content">{{datas.buildingArea}}</div>

    <div class="house-info-detail-title">单价</div>
    <div class="house-info-detail-content">{{datas.price}}元/平</div>

    <div class="house-info-detail-title">户型</div>
    <div class="house-info-detail-content">{{datas.hxType}}</div>

    <div class="house-info-detail-title">户型类型</div>
    <div class="house-info-detail-content">{{datas.hxname}}</div>

    <div class="house-info-detail-title">朝向</div>
    <div class="house-info-detail-content">{{datas.west}}</div>
  </div>
    
</template>

<script>
    export default {
        name: "houseInfoListDetail",
      data(){
          return{
              datas:{
              },
            buildingId:''
          }
      },
      methods:{

      },
      created(){

        this.datas = this.$route.query.detail
        this.buildingId = this.$route.query.buildingIds
        localStorage.setItem('houseinfo',this.buildingId)
      },
    }
</script>

<style scoped>
.house-info-detail-top{
     display: flex;
    border-bottom: 1px solid #e8e8e8;
    justify-content: space-between;
  padding: 5px 5px 5px 10px;
}

  .house-info-detail-title{
    color: #e8e8e8;
    font-size: 12px;
    padding: 5px 5px 5px 10px;
  }

  .house-info-detail-content{
    color: black;
    font-size: 14px;
    padding: 0px 5px 5px 10px;
    font-weight: bold ;
  }

</style>
