fdart_hangzhan/pages/camera/index.wxml

<view class="container" style="opacity:{{loadCompele?1:0}}">
  <view class="c_top"  style="--left: {{left+'px'}};--bottom: {{isIphoneX?'68rpx':'0'}};--top: {{top.top+'px'}};--h: {{top.height+'px'}};">
    <view bindtap="back" wx:if="{{!(!isSelect&&currentImg)}}">
     <view class='icon'>
      <text class="iconfont iconfanhui" />
     </view>
    </view>
  </view>
  <view class="c_cam">
    <camera wx:if="{{!currentImg}}" device-position="{{isBackCamera?'back':'front'}}" flash="off" binderror="error" ></camera>
    <image wx:else src="{{currentImg}}" mode="aspectFit" />
    <image bindload="loadcompele" class="mask" wx:if="{{!isSelect}}"  mode="widthFix" src="{{cdn_url}}/images/mask/{{current}}.png" />
  </view>
    
  <view class="c_bottom">
    <text wx:if="{{!currentImg}}">请正对摄像头拍照</text>
    <view class="c_btn" wx:if="{{!currentImg}}">
      <view class="preview">
        <text wx:if="{{!currentImg}}" bindtap="selectImage" class="iconfont iconzhaopian" />
        <image wx:else src="{{currentImg}}" mode="aspectFit" />
        <text class='txt'>相册选择</text>
      </view>
      <text bindtap="takePhoto" class="take_photo iconfont iconpaizhao" />
      <view class="changePos">
        <text bindtap="changPosition" class="iconfont iconfanzhuanxiangji1" />
        <text class='txt'>翻转镜头</text>
      </view>
    </view>

    <view class="handle_img" style="--bottom: {{isIphoneX?'68rpx':'0'}};" wx:else>
      <text bindtap="reTake">{{!isSelect?'重拍':''}}</text>
      <text bindtap="submit">使用图片</text>
    </view>
      
  </view>
  <toast id="loading-toast"/>
  <toast id="tips-toast"/>
  <toast id="fail-toast"/>
</view>