zhsw_wechat/pages/tzxq/tzxq.wxml

<!-- 通知详情页面 -->
<view class="tzxqcontainer">
  <view class="header">
    <image class="background" src="/static_file/background.png" mode="widthFix" />
  </view>
  
  <!-- 导航栏 -->
  <view class="custom-nav">
    <view bindtap="goBack">
      <image src="/static_file/backcion.png" mode="aspectFit" class="back-icon"></image>
    </view>
    <view class="nav-title">通知公告</view>
  </view>

  <!-- 使用scroll-view包裹通知详情卡片 -->
  <scroll-view scroll-y="true" class="notice-scroll-view">
    <view class="notice-detail-wrapper">
      <view class="notice-detail">
        <view class="notice-title">{{noticeDetail.title}}</view>
        <!-- 标题下方的分隔线 -->
        <view class="title-divider"></view>
        <!-- 通知内容 -->
        <view class="notice-content">
          <rich-text nodes="{{noticeDetail.content}}" class="rich-content"></rich-text>
        </view>
        
        <!-- 落款和日期放在右下角 -->
        <!-- <view class="notice-footer"> -->
          <!-- 
            <view class="notice-signature">{{noticeDetail.source}}</view> 
            <view class="notice-footer-date">{{noticeDetail.date}}</view>
          -->
        <!-- </view>  -->
      </view>
    </view>
  </scroll-view>
</view>