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">
        <view class="reg-mask-text">您还未注册，是否注册？</view>
        <view class="reg-mask-buttons">
            <button class="reg-mask-button cancel" bindtap="hideRegModal">取消</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>