psvt-miniprogram/src/pages/index/index.wxml

<navbar fixed custom-style="background:{{background}}" back>
  <image class="page-title" slot="left" src="{{imageUrl}}logo2.png?t={{Timestamp}}"></image>
</navbar>

<view
  class="page"
  style="background: url('{{imageUrl}}bg3.png?t={{Timestamp}}') no-repeat top center/100%;padding-top: {{pageTop}}px;"
>
  <view class="user">
    <image class="avatar" mode="aspectFill" src="{{userInfo.avatar || imageUrl + 'bg1.png?t=' + Timestamp}}"></image>
    <view class="wrap">
      <view class="name">Hi, {{userInfo.nickName || '用户'}}</view>
      <view class="content">星动守护您的第 {{days}} 天~</view>
    </view>
  </view>
  <view class="new-gift" bind:tap="handleGift">
    <image class="characters" src="{{imageUrl}}bg5.png?t={{Timestamp}}"></image>
    <image class="n-img" src="{{imageUrl}}bg4.png?t={{Timestamp}}"></image>
  </view>
  <!-- 动态模块：顺序由接口控制 -->
  <block wx:for="{{sectionList}}" wx:key="code">
    <!-- code: health 健康动态 -->
    <view class="kkd" wx:if="{{item.code==='health' && item.visible}}"></view>
    <!-- code: spread1 首页banner -->
    <view class="banner" wx:if="{{item.code==='spread1' && item.visible}}"></view>
    <!-- code: video-big 大咖说 -->
    <view class="video-list" wx:if="{{item.code==='video-big' && item.visible}}">
      <view class="v-header">
        <view class="title">视频科普</view>
        <view class="more" bind:tap="handleVideoMore">
          查看更多
          <van-icon name="arrow" />
        </view>
      </view>
      <view class="scroll">
        <view class="card" wx:for="{{videoList}}" wx:key="Id" data-index="{{index}}" bind:tap="handleVideoDetail">
          <image class="poster" mode="aspectFill" src="{{item.ImageUrl}}"></image>
          <view class="info">
            <view class="title">{{item.Title}}</view>
          </view>
        </view>
      </view>
    </view>
    <!-- code: spread2 banner2模块 -->
    <view class="banner" wx:if="{{item.code==='spread2' && item.visible}}">
      <swiper class="swiper2">
        <swiper-item wx:for="{{item.subList}}" wx:key="subIndex" wx:for-item="subItem" wx:for-index="subIndex">
          <image class="s-img" mode="aspectFill" src="{{subItem.img}}"></image>
        </swiper-item>
      </swiper>
    </view>
  </block>
  <!-- code: education 用户教育最底部 -->
  <view class="info-list" wx:if="{{moduleVisible.education}}">
    <view class="i-header">
      <view class="title">知识科普</view>
    </view>
    <view class="i-types">
      <view class="type {{activeCateId==='' && 'active'}}" bind:tap="handleCateTap" data-cateid="">推荐</view>
      <view
        class="type {{activeCateId===item.CateId && 'active'}}"
        wx:for="{{cateList}}"
        wx:key="CateId"
        bind:tap="handleCateTap"
        data-cateid="{{item.CateId}}"
      >
        {{item.CateName}}
      </view>
    </view>
    <view class="i-list">
      <view
        class="list-card"
        wx:for="{{picTextList}}"
        wx:key="Id"
        data-index="{{index}}"
        bind:tap="handlePicTextDetail"
      >
        <view class="photo-wrap">
          <image class="photo" mode="aspectFill" src="{{item.TitlePicLink}}"></image>
          <view class="type1" wx:if="{{item.Type==='1'}}">图文</view>
          <view class="type2" wx:if="{{item.Type==='2'}}">
            <image class="icon" src="{{imageUrl}}icon10.png?t={{Timestamp}}"></image>
            视频
          </view>
        </view>
        <view class="wrap">
          <view class="title">{{item.Title}}</view>
          <view class="status">
            <view class="tag">{{item.CateName}}</view>
            <view class="stat">
              <view class="s-item">
                <image class="icon" src="{{imageUrl}}icon8.png?t={{Timestamp}}"></image>
                {{item.OpenNum}}
              </view>
              <view class="s-item">
                <image
                  wx:if="{{item.IsCompliment==1}}"
                  class="icon"
                  src="{{imageUrl}}icon9-active.png?t={{Timestamp}}"
                ></image>
                <image wx:else class="icon" src="{{imageUrl}}icon9.png?t={{Timestamp}}"></image>
                <view class="num {{item.IsCompliment ? 'active1' : ''}}">{{item.ComplimentNum || 0}}</view>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
    <pagination pagination="{{pagination}}" />
  </view>
</view>

<view wx:if="{{backTop}}" class="back-top" bind:tap="handleBackTop">
  <image class="icon" src="{{imageUrl}}icon11.png?t={{Timestamp}}"></image>
</view>

<!-- code: qiye-wx 企微悬浮按钮 -->
<view class="wechat" wx:if="{{moduleVisible['qiye-wx']}}" bind:tap="handleWechatWork">
  <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
  <view class="name">健康助理</view>
</view>