wxamp-ymtxMerchant/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" 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">快捷回复</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>

    <!-- 文章发布-视频培训 -->
    <view class="article">
      <view class="article1_1" wx:for="{{articleList}}">
           <view class="article2">
                 <view>{{item.title}}</view>
                 <view>{{item.describe}}</view>
           </view>
           <view class="article3">
               <image src="{{item.icon}}" mode="widthFix"/>
           </view>
          </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" >
        <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 class="post-footer">
          <view class="post-meta">
            <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>
</view>