ShipOwner_WxApp/miniprogram/pages/shipyard/shipyard.wxml

<view class="container">
  <!-- 顶部标题 -->
  <!-- <view class="header">船厂服务</view> -->
  <!-- 内容区域 -->
  <view class="content">
    <!-- 船厂基本信息 -->
    <view class="card">
      <view class="card-header">{{shipyard.name}}</view>
      <view class="card-content">
        <view class="shipyard-info">
          <image class="shipyard-photo" mode="aspectFill" src="{{shipyard.photoUrl}}"></image>
          <view class="info-item">
            <text class="label">地址：</text>
            <text class="value">{{shipyard.address}}</text>
          </view>
          <view class="info-item">
            <text class="intro-text">{{shipyard.introduction}}</text>
          </view>
        </view>
      </view>
    </view>
    <!-- 运营数据 -->
    <view class="card">
      <view class="card-header">运营数据</view>
      <view class="card-content">
        <view class="operation-data">
          <view class="data-item">
            <text class="data-value">{{shipyard.dockCount}}</text>
            <text class="data-label">船坞数量</text>
          </view>
          <view class="data-item">
            <text class="data-value">{{shipyard.annualCapacity}}</text>
            <text class="data-label">年产能</text>
          </view>
        </view>
      </view>
    </view>
    <!-- 联系方式 -->
    <view class="card">
      <view class="card-header">联系方式</view>
      <view class="card-content">
        <view class="contact-info">
          <text class="contact-text">拆船、造船、补贴申请请联系朱经理</text>
          <button class="contact-btn" bindtap="makePhoneCall">拨打电话</button>
        </view>
      </view>
    </view>
  </view>
</view>
<view class="h200"></view>