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="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
    <view class="wrap">
      <view class="name">Hi, 伍六七</view>
      <view class="content">星动守护您的第 15 天~</view>
    </view>
  </view>
  <view class="new-gift">
    <image class="characters" src="{{imageUrl}}bg5.png?t={{Timestamp}}"></image>
    <image class="n-img" src="{{imageUrl}}bg4.png?t={{Timestamp}}"></image>
  </view>
  <view class="kkd"></view>
  <view class="video-list">
    <view class="v-header">
      <view class="title">视频科普</view>
      <view class="more">
        查看更多
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="scroll">
      <view class="card" wx:for="{{10}}" wx:key="index">
        <image class="poster" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
        <view class="info">
          <view class="title">心脏突然狂飙跳</view>
        </view>
      </view>
    </view>
  </view>
  <view class="info-list">
    <view class="i-header">
      <view class="title">知识科普</view>
      <view class="more">
        查看更多
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="i-types">
      <view class="type {{index==0 && 'active'}}" wx:for="{{5}}" wx:key="index">推荐</view>
    </view>
    <view class="i-list">
      <view class="list-card">
        <view class="photo-wrap">
          <image class="photo" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
          <!-- <view class="type1">图文</view> -->
          <view class="type2">
            <image class="icon" src="{{imageUrl}}icon10.png?t={{Timestamp}}"></image>
            视频
          </view>
        </view>
        <view class="wrap">
          <view class="title">什么是 PSVT？3 分钟带您了 解阵发性室上性心动过速</view>
          <view class="status">
            <view class="tag">认识PSVT</view>
            <view class="stat">
              <view class="s-item">
                <image class="icon" src="{{imageUrl}}icon8.png?t={{Timestamp}}"></image>
                2.1万
              </view>
              <view class="s-item">
                <image class="icon" src="{{imageUrl}}icon9.png?t={{Timestamp}}"></image>
                2.1万
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </view>
</view>

<view class="back-top">
  <image class="icon" src="{{imageUrl}}icon11.png?t={{Timestamp}}"></image>
</view>

<view class="wechat" bind:tap="handleWechatWork">
  <image class="icon" src="{{imageUrl}}icon12.png?t={{Timestamp}}"></image>
  <view class="name">健康助理</view>
</view>