ShipOwner_WxApp/miniprogram/pages/shipyard/shipyard.wxml

<view class="container">
  <!-- 顶部标题 -->
  <view class="header">船厂服务</view>
  <!-- 内容区域 -->
  <view class="content" wx:if="{{shipyardList.length}}">
    <view class="card" wx:for="{{shipyardList}}" wx:key="id">
      <!-- 船厂基本信息 -->
      <view class="card-header">{{item.shipyardName}}</view>
      <view class="card-content">
        <view class="shipyard-info">
          <image class="shipyard-photo" mode="aspectFill" src="{{item.shipyardImageUrl}}"></image>
          <view class="info-item">
            <text class="label">地址：</text>
            <text class="value">{{item.shipyardAddress}}</text>
          </view>
          <view class="info-item">
            <text class="intro-text">{{item.shipyardIntroduce}}</text>
          </view>
        </view>
      </view>
      <!-- 运营数据 -->
      <view class="card-header">运营数据</view>
      <view class="card-content">
        <view class="operation-data">
          <view class="data-item">
            <text class="data-value">{{item.shipyardDockNum}}</text>
            <text class="data-label">船坞数量</text>
          </view>
          <view class="data-item">
            <text class="data-value">{{item.shipyardAnnualProdCapacity}}</text>
            <text class="data-label">年产能</text>
          </view>
        </view>
      </view>
      <!-- 联系方式 -->
      <view class="card-header">联系方式</view>
      <view class="card-content">
        <view class="contact-info">
          <text class="contact-text">拆船、造船、补贴申请请联系{{item.contactName}}</text>
          <button class="contact-btn" bindtap="makePhoneCall" data-phone="{{item.contactPhone}}" data-id="{{item.id}}">
            拨打电话
          </button>
        </view>
      </view>
      <button class="share-btn" open-type="share" bindtap="share" data-id="{{item.id}}" data-title="{{item.shipyardName}}">
        分享船厂
      </button>
    </view>
  </view>
  <view class="tac fs28 c7 p40" wx:else>暂无数据</view>
</view>
<view class="h200"></view>