ShipOwner_WxApp/miniprogram/pages/maritime/maritime.wxml

<view class="container">
    <!-- 顶部标题 -->
    <view class="header">内河干散货运输船东服务</view>
    <!-- 内容区域 -->
    <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>
                    <button class="submit-btn" bindtap="submitAidRequest">提交申请</button>
                </view>
            </view>
        </view>
    </view>
</view>