room.wxml 2.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <!--miniprogram/pages/room/room.wxml-->
  2. <!-- 在模版上放置标签 -->
  3. <view class="page-room">
  4. <text>{{nickname}}</text>
  5. <!-- <view class="bg">
  6. <view class='title' style='padding-top:{{(headerHeight + statusBarHeight)/2 - 12}}px'>
  7. <text>房间号:{{roomID}}</text>
  8. </view>
  9. <view class="user-container">
  10. <view class="own" wx:if="{{role === 'presenter'}}" bindtap="handleRoleChange">
  11. <view class="avatar">
  12. <image src="../../../images/avatar0_100.png" class="avatar-image"></image>
  13. </view>
  14. <view class="userID">{{userID}}(自己)</view>
  15. </view>
  16. <view class="own" wx:if="{{role === 'audience'}}">
  17. <view class="avatar" bindtap="handleRoleChange">
  18. </view>
  19. <view class="userID">虚位以待</view>
  20. </view>
  21. <view class="users">
  22. <view class="user" wx:for="{{userList}}" wx:key="userID" wx:if="{{item.hasMainAudio}}">
  23. <view wx:if="role === 'presenter'" class="avatar" style="border: 4px solid rgba(0, 110, 255, {{item.volume / 100}})">
  24. <image src="{{'../../../images/avatar' + (index + 1) + '_100.png'}}" class="avatar-image"></image>
  25. </view>
  26. <view class="userID">{{item.userID}}</view>
  27. </view>
  28. <view class="user" wx:for="{{[1,2,3,4,5,6]}}" wx:key="index" wx:if="{{index < 6 - userList.length}}">
  29. <view class="avatar-fake"></view>
  30. <view class="userID">虚位以待</view>
  31. </view>
  32. </view>
  33. </view>
  34. <view class="role-choose" wx:if="{{showRolePanel}}">
  35. <view class="role-panel-text" wx:if="{{role === 'presenter'}}">确定下麦吗?</view>
  36. <view class="role-panel-text" wx:if="{{role === 'audience'}}">确定上麦吗?</view>
  37. <view class="handle-btn">
  38. <view class="role-btn confirm" bindtap="confirmRoleChange">确认</view>
  39. <view class="role-btn" bindtap="handleRoleChange">取消</view>
  40. </view>
  41. </view>
  42. <view class="setting">
  43. <view class="btn-normal" bindtap="handlePublishAudio" wx:if="{{role === 'presenter'}}">
  44. <image src="{{presenterConfig.enableMic? '../../../images/audio-true.png': '../../../images/audio-false.png'}}"></image>
  45. </view>
  46. <view class="btn-normal" bindtap="handleMuteAllAudio">
  47. <image src="{{!presenterConfig.muteAllAudio? '../../../images/voice.png': '../../../images/voice-false.png'}}"></image>
  48. </view>
  49. </view>
  50. </view> -->
  51. <trtc-room id="trtc-component" config="{{rtcConfig}}"></trtc-room>
  52. </view>
  53. <!-- <cover-image class='close' style="top:{{(headerHeight + statusBarHeight) - 34}}rpx" src="../../../images/back.png" bindtap="onBack"></cover-image> -->