JiangYunPhotos_2.0_WxApp/miniprogram/pages/takePhoto/takePhoto.wxml

<view class="top-container">
  <image class="avatar-icon" src="{{avatar}}"></image>
  <view class="text" style="text-align: center;">{{userName?"":"体验用户"}}<text wx:if="{{userName}}" class="user-name">{{userName}}</text><text wx:if="{{phone}}" class="phone">{{phone}}</text></view>
</view>
<view wx:if="{{userId&&shipId}}">
  <view class="new-camera camera-cargo">
    <image class="icon" bindtap="takePhoto" data-mediatype="{{3}}" src="{{newCameraIcon}}"></image>
    <view bindtap="takePhoto" data-mediatype="{{3}}">拍货物</view>

  </view>
  <view class="new-camera camera-bill">
    <image class="icon" data-mediatype="{{0}}" bindtap="takeBill" src="{{newCameraIcon}}"></image>
    <view data-mediatype="{{0}}" bindtap="takeBill"> 拍单据
    </view>
  </view>
</view>
<view wx:else>
  <image wx:if="{{!userId&&!shipId||!userId}}" class="camera-icon" bindtap="takePhoto" data-mediatype="{{3}}" src="{{cameraIcon}}"></image>
  <view wx:else style="margin-top: 20%;">
    <view class="line mb30">
      <view class="ship-name">船舶名称 : </view><input class="ship-name-ipt" model:value="{{shipName}}" type="text" placeholder="请输入船舶名称" />
    </view>
    <view class="line">
      <view class="ship-mmsi">MMSI : </view><input class="ship-mmsi-ipt" model:value="{{shipMmsi}}" type="text" placeholder="请输入MMSI" />
    </view>
    <view bindtap="registerShip" class="submit">绑定船舶</view>
  </view>

</view>
<view class="auth-modal" wx:if="{{authModal}}">
  <view class="modal">
    <view class="service">为了更好的提供服务</view>
    <view class="auth-btn" bindtap="openSetting">请授权{{modalText}}</view>
  </view>
</view>