psvt-miniprogram/src/pages/wall/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}}bg6.png?t={{Timestamp}}') no-repeat top center/100% 478rpx;padding-top: {{pageTop}}px;"
>
  <view class="page-header">
    <view class="search">
      <image class="icon" src="{{imageUrl}}icon14.png?t={{Timestamp}}"></image>
      <input class="input" placeholder-class="place-input" type="text" placeholder="搜索帖子 / 话题 / 患者故事" />
    </view>
  </view>
  <view class="topic">
    <view class="t-header">
      <view class="title">热门话题</view>
      <view class="more">
        更多
        <van-icon name="arrow" />
      </view>
    </view>
    <view class="t-container">
      <view class="item" wx:for="{{4}}" wx:key="index">
        <view class="shap">#</view>
        发作时我这样做
      </view>
    </view>
  </view>
  <view class="type-navbar">
    <view class="type {{index==0 && 'active'}}" wx:for="{{9}}" wx:key="index">最新发布</view>
  </view>
  <view class="list">
    <view class="list-card" bind:tap="handleDetail">
      <view class="user">
        <image class="avatar" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
        <view class="wrap">
          <view class="name">@林间心跳</view>
          <view class="date">2026年7月1日 13:09</view>
        </view>
      </view>
      <view class="hot" style="background: url('{{imageUrl}}bg11.png?t={{Timestamp}}') no-repeat top center/100%">热门推荐</view>
      <view class="content">
        <view class="c-topic">#我的心悸经历</view>
        <view class="c-topic">#PSVT急救常识</view>
        今天去复诊，把最近的发作记录都给医生看了，沟通效率高了很多，也更安心。原来平时记下时间和感受真的很有用。
      </view>
      <view class="tags">
        <view class="tag" wx:for="{{4}}" wx:key="index">患者故事</view>
      </view>
      <!-- 单图 -->
      <image class="photo1" mode="heightFix" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
      <!-- 多图 -->
      <view class="photo9">
        <view class="p-item" wx:for="{{3}}" wx:key="index">
          <image class="p-img" mode="aspectFill" src="{{imageUrl}}bg1.png?t={{Timestamp}}"></image>
        </view>
      </view>
      <view class="comment">
        <view class="name">最新评论：</view>
        我也是，复诊前先整理记录，医生会更容易判断~
      </view>
      <view class="footer">
        <view class="op">
          <image class="icon" src="{{imageUrl}}icon9.png?t={{Timestamp}}"></image>
          <view class="num">126</view>
        </view>
        <view class="op">
          <image class="icon" src="{{imageUrl}}icon8.png?t={{Timestamp}}"></image>
          <view class="num">126</view>
        </view>
        <view class="op">
          <image class="icon" src="{{imageUrl}}icon15.png?t={{Timestamp}}"></image>
          <view class="num">126</view>
        </view>
      </view>
    </view>
  </view>
</view>

<view class="fixed-add">
  <image class="icon" src="{{imageUrl}}icon24.png?t={{Timestamp}}"></image>
</view>