wxamp-ymtxUser/pagesB/pages/policyElucidation/policyElucidation.wxml

<view class="container">
  <!-- 头部区域 -->
  <view class="header">
    <view class="title-section">
      <text class="page-title">农牧业政策解读</text>
      <text class="page-subtitle">为您解读最新政策，助力农牧业发展</text>
    </view>
    <view class="date-info">数据更新至: {{currentDate}}</view>
  </view>

  <!-- 搜索和筛选区域 -->
  <view class="search-section">
    <view class="search-box">
      <image class="search-icon" src="/pagesA/images/ss.png"></image>
      <input 
        class="search-input" 
        placeholder="搜索政策关键词" 
        placeholder-class="placeholder-style"
        bindinput="onSearchInput"
        value="{{searchKeyword}}"
      />
      <view class="search-btn" bindtap="onSearch">搜索</view>
    </view>
    
    <view class="filter-section">
      <scroll-view class="filter-scroll" scroll-x="true">
        <view 
          class="filter-tag {{activeFilter === 'all' ? 'active' : ''}}" 
          data-filter="all"
          bindtap="onFilterTap"
        >全部</view>
        <view 
          class="filter-tag {{activeFilter === 'financial' ? 'active' : ''}}" 
          data-filter="financial"
          bindtap="onFilterTap"
        >财政补贴</view>
        <view 
          class="filter-tag {{activeFilter === 'technology' ? 'active' : ''}}" 
          data-filter="technology"
          bindtap="onFilterTap"
        >技术推广</view>
        <view 
          class="filter-tag {{activeFilter === 'insurance' ? 'active' : ''}}" 
          data-filter="insurance"
          bindtap="onFilterTap"
        >农业保险</view>
        <view 
          class="filter-tag {{activeFilter === 'environment' ? 'active' : ''}}" 
          data-filter="environment"
          bindtap="onFilterTap"
        >生态保护</view>
        <view 
          class="filter-tag {{activeFilter === 'latest' ? 'active' : ''}}" 
          data-filter="latest"
          bindtap="onFilterTap"
        >最新政策</view>
      </scroll-view>
    </view>
  </view>

  <!-- 政策列表区域 -->
  <view class="policy-list">
    <view wx:if="{{filteredPolicies.length === 0}}" class="empty-state">
      <image class="empty-icon" src="/images/empty.png"></image>
      <text class="empty-text">暂无相关政策</text>
      <text class="empty-tip">请尝试其他筛选条件</text>
    </view>
    
    <block wx:for="{{filteredPolicies}}" wx:key="id">
      <view class="policy-card" data-id="{{item.id}}" bindtap="onPolicyTap">
        <view class="policy-header">
          <view class="policy-tag {{item.type}}">{{item.policyCategory}}</view>
          <view class="policy-date">{{item.releaseDate}}</view>
        </view>
        
        <view class="policy-title">{{item.title}}</view>
        
     
        
        <view class="policy-footer">
          <view class="policy-source">{{item.issuingAgency}}</view>
          <image class="policy-arrow" src="/pagesB/images/you.png" mode=""/>
        </view>
      </view>
    </block>
  </view>

  <!-- 政策详情弹窗 -->
  <view class="modal {{showPolicyDetail ? 'show' : ''}}" catchtap="hidePolicyDetail">
    <view class="modal-content" catchtap="stopPropagation">
      <view class="modal-header">
        <view class="modal-title">{{currentPolicy.title}}</view>
        <view class="modal-close" bindtap="hidePolicyDetail">×</view>
      </view>
      
      <scroll-view class="modal-body" scroll-y="true">
        <view class="policy-info-row">
          <view class="info-item">
            <text class="info-label">政策类型:</text>
            <text class="info-value">{{currentPolicy.policyCategory}}</text>
          </view>
          <view class="info-item">
            <text class="info-label">发布日期:</text>
            <text class="info-value">{{currentPolicy.releaseDate}}</text>
          </view>
          <view class="info-item">
            <text class="info-label">发布单位:</text>
            <text class="info-value">{{currentPolicy.issuingAgency}}</text>
          </view>
        </view>
        
        
        <view class="section">
          <view class="section-title">详细解读</view>
          <view class="section-content">
            <rich-text class="interpretation-text" space="emsp" nodes="{{currentPolicy.issuingAgency}}"></rich-text>
          </view>
        </view>
      </scroll-view>
      
      <view class="modal-footer">
        <button class="btn btn-secondary" bindtap="hidePolicyDetail">关闭</button>
      </view>
    </view>
  </view>

  <!-- 底部导航提示 -->
  <view class="bottom-tip">
    <text class="tip-text">已加载 {{filteredPolicies.length}} 条政策解读</text>
  </view>
</view>