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

<!-- policy-interpretation.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.typeText}}</view>
          <view class="policy-date">{{item.date}}</view>
        </view>
        
        <view class="policy-title">{{item.title}}</view>
        
        <view class="policy-content">
          <text class="policy-summary">{{item.summary}}</text>
        </view>
        
        <view class="policy-footer">
          <view class="policy-source">{{item.source}}</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.typeText}}</text>
          </view>
          <view class="info-item">
            <text class="info-label">发布日期:</text>
            <text class="info-value">{{currentPolicy.date}}</text>
          </view>
          <view class="info-item">
            <text class="info-label">发布单位:</text>
            <text class="info-value">{{currentPolicy.source}}</text>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">政策要点</view>
          <view class="section-content">
            <block wx:for="{{currentPolicy.keyPoints}}" wx:key="index">
              <view class="key-point">{{index + 1}}. {{item}}</view>
            </block>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">详细解读</view>
          <view class="section-content">
            <text class="interpretation-text">{{currentPolicy.interpretation}}</text>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">适用对象</view>
          <view class="section-content">
            <view class="applicable-objects">
              <block wx:for="{{currentPolicy.applicableObjects}}" wx:key="index">
                <view class="object-tag">{{item}}</view>
              </block>
            </view>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">申报指南</view>
          <view class="section-content">
            <block wx:for="{{currentPolicy.applicationGuide}}" wx:key="index">
              <view class="guide-item">
                <view class="guide-step">{{index + 1}}</view>
                <view class="guide-text">{{item}}</view>
              </view>
            </block>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">专家建议</view>
          <view class="section-content">
            <view class="expert-advice">
              <view class="advice-header">
                <image class="expert-avatar" src="/images/expert.png"></image>
                <view class="expert-info">
                  <text class="expert-name">张农业</text>
                  <text class="expert-title">农业政策研究员</text>
                </view>
              </view>
              <view class="advice-content">{{currentPolicy.expertAdvice}}</view>
            </view>
          </view>
        </view>
        
        <view class="section">
          <view class="section-title">相关链接</view>
          <view class="section-content">
            <block wx:for="{{currentPolicy.relatedLinks}}" wx:key="index">
              <view class="link-item" bindtap="onLinkTap" data-url="{{item.url}}">
                <text class="link-text">{{item.name}}</text>
                <image class="link-icon" src="/images/link.png"></image>
              </view>
            </block>
          </view>
        </view>
      </scroll-view>
      
      <view class="modal-footer">
        <button class="btn btn-secondary" bindtap="hidePolicyDetail">关闭</button>
        <button class="btn btn-primary" bindtap="onSavePolicy">收藏此政策</button>
      </view>
    </view>
  </view>

  <!-- 底部导航提示 -->
  <view class="bottom-tip">
    <text class="tip-text">已加载 {{filteredPolicies.length}} 条政策解读</text>
    <text class="tip-text">数据仅供参考，具体以官方发布为准</text>
  </view>
</view>