ShipOwner_WxApp/miniprogram/pages/securityCheck/securityCheck.wxml

<view class="container">
  <!-- 顶部标题 -->
  <view class="header">海事年检通知</view>
  <!-- 内容区域 -->
  <view class="content" wx:if="{{noticeList.length}}">
    <view class="card" wx:for="{{noticeList}}" wx:key="id">
      <view class="notice-title">{{item.noticeTitle}}</view>
      <view class="notice-info">
        <text class="notice-author">{{item.postedBy}}</text>
        <text class="notice-date">{{item.createTime}}</text>
      </view>
      <image class="dock-photo" mode="aspectFill" src="{{item.noticeImgUrl}}"></image>
      <view class="notice-content">{{item.noticeContent}}</view>
      <view class="contact-section">
        <text class="contact-info">详情请联系{{item.contactName}}：{{item.contactPhone}}</text>
        <button class="contact-btn" bindtap="makePhoneCall" data-phone="{{item.contactPhone}}">
          拨打电话
        </button>
      </view>
      <button class="share-btn" open-type="share" data-title="{{item.noticeTitle}}">分享通知</button>
    </view>
  </view>
  <view class="tac fs28 c7 p40" wx:else>暂无数据</view>
</view>
<view class="h200"></view>