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 class="fixed-back" bindtap="goBack">←</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.noticetitle}}</view>
        <!-- 标题下方的分隔线 -->
        <view class="title-divider"></view>
        <!-- 通知内容 -->
        <view class="notice-content">
          <rich-text nodes="{{noticeDetail.noticecontent}}"></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>