<!--pages/index/index.wxml-->
<view class="container">
  <!-- 页面头部 -->
  <view class="page-header">
    <text class="header-title">生资保险</text>
    <view class="header-actions">
      <view class="header-icon" bindtap="showMoreOptions">...</view>
      <view class="header-icon" bindtap="minimizeApp">━</view>
      <view class="header-icon" bindtap="showSettings">⚙️</view>
    </view>
  </view>
  
  <!-- 快捷入口 -->
  <view class="quick-actions">
    <view class="action-item" bindtap="goToProducts">
        <view class="action-icon">
          <text>📋</text>
        </view>
        <text class="action-text">保险产品</text>
      </view>
      <view class="action-item" bindtap="goToPolicies">
        <view class="action-icon">
          <text>📄</text>
        </view>
        <text class="action-text">我的保单</text>
      </view>
      <view class="action-item" bindtap="goToClaims">
        <view class="action-icon">
          <text>💰</text>
        </view>
        <text class="action-text">我的理赔</text>
      </view>
      <view class="action-item" bindtap="goToWeightEstimation">
        <view class="action-icon">
          <text>⚖️</text>
        </view>
        <text class="action-text">牛只估重</text>
      </view>
  </view>
  
  <!-- 精选保险 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">精选保险</text>
    </view>
    
    <view class="featured-products">
      <!-- 第一个保险产品 -->
      <view class="featured-product-card" bindtap="goToProductDetail" data-id="1">
        <view class="product-image-placeholder">
          <text class="product-image-icon">🛡️</text>
        </view>
        <view class="product-details">
          <text class="product-name">牲畜意外死亡险</text>
          <text class="product-desc">牛猪羊保险，性价比高</text>
          <view class="product-features">
            <text class="feature-tag">保障全面</text>
            <text class="feature-tag">性价比高</text>
            <text class="feature-tag">方案灵活</text>
          </view>
          <text class="coverage-info">保险额度：1000-88888元</text>
        </view>
      </view>
      
      <!-- 第二个保险产品 -->
      <view class="featured-product-card" bindtap="goToProductDetail" data-id="2">
        <view class="product-image-placeholder">
          <text class="product-image-icon">📊</text>
        </view>
        <view class="product-details">
          <text class="product-name">牲畜意外死亡</text>
          <text class="product-desc">牛猪羊保险，性价比高</text>
          <view class="product-features">
            <text class="feature-tag">明星产品</text>
            <text class="feature-tag">专家推荐</text>
          </view>
          <text class="coverage-info">保险额度：2000-99999元</text>
        </view>
      </view>
    </view>
  </view>
  
  <!-- 新闻资讯 -->
  <view class="section">
    <view class="section-header">
      <text class="section-title">最新资讯</text>
      <text class="section-more" bindtap="goToNews">更多 ></text>
    </view>
    
    <view class="news-list">
      <view 
        wx:for="{{newsList}}" 
        wx:key="id"
        class="news-item"
        bindtap="goToNewsDetail"
        data-id="{{item.id}}"
      >
        <view class="news-content">
          <text class="news-title">{{item.title}}</text>
          <text class="news-summary">{{item.summary}}</text>
          <text class="news-date">{{item.date}}</text>
        </view>
        <view class="news-arrow">></view>
      </view>
    </view>
  </view>
</view>