ShipOwner_WxApp/miniprogram/pages/index/index.wxml

<image class="main" mode="aspectFit" src="../../images/index.png"></image>
<view bindtap="login" class="go">去拍照</view>
<view wx:if="{{regModalVisible}}" class="reg-mask" catchtouchmove="preventTouchMove">
  <view class="reg-mask-content">
    <image src="../../images/close.png" class="quit" bindtap="hideRegModal"></image>
    <view class="reg-mask-text">您还未注册，是否注册？</view>
    <view class="reg-mask-buttons">
      <button class="reg-mask-button cancel" bindtap="goToExp">去体验</button>
      <button class="reg-mask-button register" open-type="getPhoneNumber" bindgetphonenumber="goToRegister">
        去注册
      </button>
    </view>
  </view>
</view>
<view wx:if="{{bindShipVisible}}" class="bind-ship">
  <view class="bind-ship-content">
    <view class="bind-ship-title">绑定船舶</view>
    <view class="line">
      <view class="label">船舶名称:</view>
      <input class="input" model:value="{{shipName}}" type="text" placeholder="请输入船舶名称" />
    </view>
    <view class="line">
      <view class="label">MMSI:</view>
      <input class="input" model:value="{{shipMmsi}}" type="number" placeholder="请输入船舶MMSI" />
    </view>
    <view class="buttons">
      <button class="button cancel" bindtap="hideBindShipModal">取消</button>
      <button class="button confirm" bindtap="confirmBindShip">确认绑定</button>
    </view>
  </view>
</view>