房地产搭建小程序

<!-- index.wxml -->
<view class="container">
  <view class="search-bar">
    <input type="text" placeholder="搜索房源" bindinput="onSearchInput" />
  </view>
  <scroll-view scroll-y class="house-list">
    <view class="house-item" wx:for="{{houses}}" wx:key="id" bindtap="onHouseTap">
      <image class="house-image" src="{{item.image}}" mode="aspectFill"></image>
      <view class="house-info">
        <text class="house-title">{{item.title}}</text>
        <text class="house-price">价格：{{item.price}}元/平米</text>
      </view>
    </view>
  </scroll-view>
</view>

// index.js
Page({
  data: {
    houses: []
  },
  onLoad: function () {
    // 模拟从服务器获取房源数据
    this.fetchHouses();
  },
  fetchHouses: function () {
    wx.request({
      url: 'https://example.com/api/houses', // 替换为实际的API地址
      success: (res) => {
        this.setData({
          houses: res.data
        });
      }
    });
  },
  onSearchInput: function (e) {
    // 处理搜索输入事件
  },
  onHouseTap: function (e) {
    // 处理房源点击事件
  }
});