<view class="demo">
  <text>拍照片：</text>
  <view class="img-layout">
    
    <view class="img-row">
      <image class="img-show" mode="scaleToFill" src="{{demoImg}}" />
    </view>
    
    <view class="img-row">
      <image class="img-show" mode="scaleToFill" src="{{demoImg2}}" />
    </view>

    <view class="img-row" >
      <image wx:if="{{tmpPhotoPath}}" class="img-show" mode="scaleToFill" src="{{tmpPhotoPath}}" bindtap="previewPhoto" />
      <image class="img-camera" src="../../images/camera.svg" mode="center" data-id="1" bindtap="openCameraPage" wx:else />
    </view>

  </view>

  <view style="margin-top: 40rpx;">拍视频</view>

  <view class="img-layout">
    
    <view class="img-row" >
      <view wx:if="{{tmpThumbPath}}" class="img-show" style="position:relative" bindtap="previewVideo">
        <image  mode="scaleToFill" class="img-show" src="{{tmpThumbPath}}" style="position:absolute;" />
        <image class="img-camera" src="../../images/play.png" mode="center" style="position:absolute;"  />
      </view>
      
      <image class="img-camera" src="../../images/video.svg" mode="center" data-id="2" bindtap="openCameraPage" wx:else />
    </view>

  </view>

  <view style="margin-top: 40rpx;">录音频</view>

  <view class="img-layout">
    
    <view class="img-row" >
      <image wx:if="{{tmpRecordPath}}" class="img-show" mode="scaleToFill" src="{{demoImg2}}" bindtap="previewRecord" />
      <image class="img-camera" src="../../images/record.svg" mode="center" data-id="3" bindtap="openVoicePage" wx:else />
    </view>

  </view>

</view>