ht80/sheji(1)/pages/gongjiao/gongjiao.wxml

<view class="search-container">
  <view class="search-bar">
    <input 
      class="search-input"
      placeholder="输入关键词搜索..." 
      placeholder-class="placeholder-style"
      value="{{searchText}}"
      bindinput="handleSearchInput" 
    />
    <icon class="search-icon" type="search" size="16"></icon>
  </view>
  <button class="search-btn" bindtap="handleSearch" hover-class="btn-hover">搜索</button>
</view>

<!-- 分类筛选 -->
<view class="categories">
  <block wx:for="{{categories}}" wx:key="value">
    <view 
      class="category {{activeCategory === item.value ? 'active' : ''}}"
      bindtap="handleCategoryChange"
      data-category="{{item.value}}"
    >
      {{item.name}}
    </view>
  </block>
</view>

<!-- 数据列表 -->
<view class="spot-list">
  <block wx:for="{{spots}}" wx:key="id">
    <view 
      class="spot-item" 
      bindtap="navigateToDetail"
      data-id="{{item.id}}"
    >
      <image src="{{item.image_url}}" />
      <view class="info">
        <text class="name">{{item.name}}</text>
        <text class="location">{{item.location}}</text>
      </view>
    </view>
  </block>
</view>

<!-- 加载状态 -->
<view wx:if="{{loading}}" class="loading">加载中...</view>
<view wx:if="{{!loading && spots.length === 0}}">暂无数据</view>