wxamp-ymtxUser/pages/home/home.wxml

<wxs module="tool" src="../../utils/tool.wxs"></wxs>
<view class="home-container">
  <view class="box">

    <view class="orientation">

      <!-- 定位 -->
      <!-- <view class="orientation2">
        <image src="/pages/images/dw.png" mode="" />
        <view>{{county}}</view>
      </view> -->

      <!-- 行政区划 -->
      <view class="orientation3" wx:if="{{user.code}}" bind:tap="bindXzqh">
        <image src="/pages/images/dw.png" mode="" />
        <view>{{user.name}}</view>
      </view>
    </view>

    <!-- AI问诊 -->
    <view class="Aidiagnosis" bind:tap="bindAI">
      <image src="/pages/images/aiwz.png" mode="" />
    </view>

    <!-- 轮播图区域-->
    <view class="swiper-container">
      <swiper class="custom-swiper" 
              indicator-dots="{{false}}" 
              indicator-color="rgba(255,255,255,0.4)" 
              indicator-active-color="#4CAF50" 
              autoplay="{{true}}" 
              interval="5000" 
              duration="500" 
              circular="{{true}}" 
              current="{{currentSwiper}}" 
              bindchange="onSwiperChange" 
              style="height: 360rpx;">
        <block wx:for="{{swiperList}}" wx:key="id">
          <swiper-item>
            <view class="swiper-item {{item.isActive ? 'active' : ''}}" data-value="{{item}}" catchtap="onSwiperTap">
              <image src="{{baseUrl+item.imageUrl}}" class="swiper-image" mode="aspectFill" />
              <view class="swiper-mask"></view>
              <view class="swiper-content">
                <text class="swiper-tag">{{item.adsType}}</text>
                <text class="swiper-title">{{item.title}}</text>
                <text class="swiper-desc">{{item.subtitle}}</text>
              </view>
              <view class="swiper-gradient"></view>
            </view>
          </swiper-item>
        </block>
      </swiper>
      <!-- 自定义指示器 -->
      <view class="custom-indicator">
        <block wx:for="{{swiperList}}" wx:key="id">
          <view class="indicator-dot {{currentSwiper === index ? 'active' : ''}}" data-index="{{index}}" bindtap="onIndicatorTap"></view>
        </block>
      </view>
    </view>

    <view class="kap">
      <!-- 卡片类型 -->
      <view class="card">
        <view class="card2" bind:tap="bindWsy">
          <view>问兽医</view>
          <view class="card2_1">智能匹配医生</view>
          <view class="card2_1">平均5分钟恢复</view>
        </view>
        <view class="card3">
          <view class="card3_1 card3_kp" bind:tap="bindZj">
            <view>找专家</view>
            <view>智能匹配医生</view>
          </view>
          <view class="card3_2 card3_kp" bind:tap="bindYao">
            <view>去买药</view>
            <view>制定专业的治疗方案</view>
          </view>
        </view>
      </view>

      <!-- 知识库 -->
      <view class="repository">
        <view class="repository1_1 zsk" bind:tap="bindZsk">
          <view>养殖知识库</view>
          <view>快速查询养殖知识</view>
        </view>
        <view class="repository1_2 zsk" bind:tap="bindPx">
          <view>在线培训</view>
          <view>提高养殖技能</view>
        </view>
        <view class="repository1_3 zsk" bind:tap="bindJd">
          <view>政策解读</view>
          <view>提供政策指导</view>
        </view>
      </view>
    </view>

    <!-- 通知公告区域 -->
    <view class="notice-section">
      <view class="notice-header">
        <view class="notice-title">
          <text class="notice-icon">📢</text>
          <text class="notice-title-text">通知公告</text>
        </view>
        <view class="notice-more" bindtap="viewAllNotices">
          更多 >
        </view>
      </view>
      <view class="notice-content">
        <swiper class="notice-swiper" 
                vertical="{{true}}" 
                autoplay="{{true}}" 
                interval="4000" 
                duration="800" 
                circular="{{true}}" 
                style="height: 160rpx;"
                bindchange="onNoticeSwiperChange">
          <block wx:for="{{noticeList}}" wx:key="id">
            <swiper-item>
              <view class="notice-item {{index === currentNotice ? 'highlight' : ''}}" data-id="{{item.id}}" catchtap="onNoticeTap">
                <view class="notice-item-header">
                  <view class="notice-type-container">
                    <text class="notice-type {{tool.type(item.warningLevel)}}">{{item.warningLevel}}</text>
                    <text class="notice-badge" wx:if="{{item.isNew}}">NEW</text>
                  </view>
                  <text class="notice-time">{{item.createdTime}}</text>
                </view>
                <view class="notice-text-container">
                  <text class="notice-text">{{item.title}}</text>
                  <text class="notice-arrow">→</text>
                </view>
              </view>
            </swiper-item>
          </block>
        </swiper>

      </view>
    </view>

    <!-- 用户提问板块  -->
    <view class="user-question-section">
      <!-- 标题区域 -->
      <view class="question-header" bind:tap="bindwdlist">
        <view class="question-title">
          <view class="title-text">在线问答</view>
          <view class="title-sub">看看其他养殖户遇到的问题</view>
        </view>
        <view class="view-all" bindtap="viewAllQuestions">
          查看全部
        </view>
      </view>


      <!-- 问题列表 -->
      <view class="question-card placeholder" wx:for="{{forum}}" bind:tap="bindTw" data-id="{{item.id}}">
        <view class="question-meta">
          <view class="question-tag">
            <text class="tag-text">{{item.title}}</text>
          </view>
        </view>

        <view class="question-info">
          <view class="user-info">
            <image src="{{baseUrl+item.avatar}}" class="user-avatar"></image>
            <view class="user-detail">
              <view class="user-name">{{item.nickName}}</view>
            </view>
          </view>
          <view class="time-info">
            {{item.createdAt}}
          </view>
        </view>
        <!-- 底部信息 -->
        <view class="post-footer">
          <view class="post-meta">
            <view class="meta-item">
              <image class="meta-icon" src="/pagesB/images/hf.png" mode="aspectFit"></image>
              <text class="meta-count">{{item.answerCount || 0}}</text>
            </view>
            <view class="meta-item">
              <image class="meta-icon" src="/pagesB/images/lll.png" mode="aspectFit"></image>
              <text class="meta-count">{{item.viewCount || 0}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>



    <!-- 经验分享板块  -->
    <view class="user-question-section">
      <!-- 标题区域 -->
      <view class="question-header" bind:tap="bindwdlist">
        <view class="question-title">
          <view class="title-text1_1">经验分享</view>
          <view class="title-sub">分享自己养殖经验</view>
        </view>
        <view class="view-all1_1" bindtap="viewexperience">
          查看全部
        </view>
      </view>


      <!-- 问题列表 -->
      <view class="question-card placeholder" wx:for="{{suffer}}" bind:tap="bindfx" data-id="{{item.id}}">
        <view class="question-meta">
          <view class="question-tag">
            <text class="tag-text">{{item.title}}</text>
          </view>
        </view>

        <view class="question-info">
          <view class="user-info">
            <image src="{{baseUrl+item.vetAvatar}}" class="user-avatar"></image>
            <view class="user-detail">
              <view class="user-name">{{item.vetName}}</view>
            </view>
          </view>
          <view class="time-info">
            {{item.publishTime}}
          </view>
        </view>
      </view>
    </view>

  </view>
</view>