videoCall.wxml 2.0 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <view class="container">
  2. <TRTCCalling wx:if="{{ config }}" id="TRTCCalling-component" class="trtc-calling {{callingFlag ? '' : 'hidden'}}" config="{{config}}" pusherAvatar="{{pusherAvatar}}" remoteAvatar="{{inviter.avatar}}"></TRTCCalling>
  3. <view wx:if="{{incomingCallFlag}}" class="incoming-call">
  4. <image src="/images/trtc/avatar1_100.png" />
  5. <view class="tips">{{invitation.inviter}}</view>
  6. <view class="tips" >{{'邀请你' + (invitation.type === 1 ? '语音' : '视频') + '通话'}}</view>
  7. <view class="btn-operate">
  8. <view class="call-operate" style="background-color: red" bindtap="handleOnReject">
  9. <image src="/images/trtc/hangup.png" />
  10. </view>
  11. <view class="call-operate" style="background-color: #07c160" bindtap="handleOnAccept">
  12. <image src="/images/trtc/hangup.png" style="transform: rotate(-135deg); "/>
  13. </view>
  14. </view>
  15. </view>
  16. <view wx:if="{{inviteCallFlag}}" class="invite-call">
  17. <image src="/images/trtc/avatar1_100.png" />
  18. <view class="tips" >{{'等待' + uid + '接受邀请'}}</view>
  19. <view class="btn-operate">
  20. <view class="call-operate" style="background-color: red" bindtap="handleOnCancel">
  21. <image src="/images/trtc/hangup.png" />
  22. </view>
  23. </view>
  24. </view>
  25. <view wx:if="{{!incomingCallFlag}}" class="trtc-calling-index">
  26. <view class="trtc-calling-index-title">
  27. <van-icon custom-class="btn-goback" name="arrow-left" bind:click="onBack" />
  28. <view class="trtc-calling-index-title title">视频客服</view>
  29. </view>
  30. <view class="input">
  31. <van-cell-group>
  32. <van-field
  33. label="用户编号"
  34. model:value="{{ uid }}"
  35. placeholder="请输入用户编号"
  36. type="number"
  37. clearable
  38. />
  39. </van-cell-group>
  40. <view class="btn">
  41. <van-button type="primary" block bind:click="call">立即呼叫</van-button>
  42. </view>
  43. </view>
  44. </view>
  45. </view>
  46. <van-dialog id="van-dialog-auth-login" bind:getuserinfo="processLogin" />