ShipOwner_WxApp/miniprogram/pages/maritime/maritime.wxml

<view class="container">
  <!-- 顶部标题 -->

  <!-- 内容区域 -->
  <view class="content">
    <!-- 海事公告列表 -->
    <view class="card">
      <view class="card-header">海事公告</view>
      <view class="card-content">
        <view class="notice-list">
          <view class="notice-item" wx:for="{{notices}}" wx:key="index">
            <view class="notice-title">{{item.title}}</view>
            <view class="notice-info">
              <text class="notice-date">{{item.date}}</text>
              <text class="notice-unit">{{item.unit}}</text>
            </view>
          </view>
        </view>
      </view>
    </view>
    <!-- 法律援助机构介绍 -->
    <view class="card">
      <view class="card-header">法律援助机构</view>
      <view class="card-content">
        <view class="org-info">
          <view class="org-name">{{legalOrg.name}}</view>
          <image class="org-photo" mode="aspectFit" src="{{legalOrg.photoUrl}}"></image>
          <view class="org-intro">{{legalOrg.introduction}}</view>
        </view>
      </view>
    </view>
    <!-- 法律援助申请 -->
    <view class="card">
      <view class="card-header">申请法律援助</view>
      <view class="card-content">
        <view class="legal-aid-form">
          <textarea class="aid-input" placeholder="请描述您的法律援助需求..." bindinput="handleInputChange" value="{{aidRequest}}"></textarea>
          <view class="submit-btn" bindtap="submitAidRequest">提交申请</view>
        </view>
      </view>
    </view>
  </view>
</view>
<view class="h200"></view>