| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748 |
- <view class="container">
- <!-- 顶部标题 -->
- <!-- 内容区域 -->
- <view class="content">
- <!-- 海事公告列表 -->
- <view class="card">
- <view class="card-header">海事公告</view>
- <view class="card-content">
- <scroll-view class="notice-scroll" scroll-y="true" bindscrolltolower="onScrollToLower" refresher-enabled="true" refresher-triggered="{{isRefreshing}}" bindrefresherrefresh="onPullDownRefresh">
- <view class="notice-list">
- <view wx:if="{{notices.length === 0 && !isLoading}}" class="empty-tip">暂无海事公告</view>
- <view class="notice-item" wx:for="{{notices}}" wx:key="id" bindtap="viewNoticeDetail" data-id="{{item.id}}">
- <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 wx:if="{{isLoading}}" class="loading">加载中...</view>
- <view wx:if="{{!hasMore && notices.length > 0}}" class="no-more">没有更多数据了</view>
- </view>
- </scroll-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>
|