webgl_rxdz_houseList.html 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <div class="container">
  2. <!-- <div class="back"><i class="iconfont icon-fanhui" @click="backFun"></i></div> -->
  3. <div class="title rows justify-center">
  4. - 选择您喜欢的空间 -
  5. </div>
  6. <!-- 户型选择区域 -->
  7. <div class="scroll-class">
  8. <div class="main grid-view1">
  9. <div @click="changeHouse(house,index)" class="item columns" :class="{'active': selectIndex == index}"
  10. v-for="(house,index) in houseList" :key="index" >
  11. <img class="item-img" :src="house.coverImage" />
  12. <div class="tab-info rows justify-center">
  13. <i class="iconfont icon-Hook-1"></i>
  14. </div>
  15. <div class="item-text rows justify-center">{{house.houseType}}·{{house.houseArea}}㎡</div>
  16. <div class="item-note rows justify-center">{{house.note}}</div>
  17. </div>
  18. </div>
  19. </div>
  20. <!-- 题目数据 -->
  21. <div class="topic-view">
  22. <!-- 题目列表 -->
  23. <!-- <div class="screenList">
  24. <div class="items" v-for="(item, idx) in tabData" :key="idx">
  25. <div class="item_title">
  26. {{item.fatherContent}}:
  27. </div>
  28. <div class="item_list">
  29. <div :class="['item', idx1 == item.checkedIndex ? 'item_sel': '']"
  30. v-for="(item1, idx1) in item.options" :key="idx1"
  31. @click.stop="changeOption(idx, idx1)">
  32. {{item1.content}}
  33. </div>
  34. </div>
  35. </div>
  36. </div> -->
  37. <!-- 按钮 -->
  38. <div class="btn rows justify-center" @click="enterAction">下一步,DIY空间</div>
  39. </div>
  40. </div>