his_user_miniapp/node_modules/@tencentcloud/call-uikit-wechat/TUICallKit/component/calling/calling.wxml

<view class="invite-call transition-animation" wx:if="{{callType === 2}}">
    <!-- wx:if="{{pusher.frontCamera}}" 为了处理下滑动画卡顿的问题 -->
    <live-pusher class="local-video" wx:if="{{pusher.frontCamera}}" device-position="{{pusher.frontCamera}}" binderror="pusherErrorHandler"/>
    <view class="invite-calling">
        <view class="invite-calling-header" wx:if="{{remoteUsers.length === 1}}">
            <!-- <view class="invite-calling-header-left">
                <image src="../../static/swtich-camera.png" data-device="{{pusher.frontCamera}}"
                    catch:tap="toggleSwitchCamera" />
            </view> -->
            <view class="invite-calling-header-right">
                <view class="invite-calling-header-message">
                    <label class="tips">{{remoteUsers[0].nick || remoteUsers[0].userID}}</label>
                    <text class="tips-subtitle" wx:if="{{!isSponsor}}">邀请你视频通话</text>
                    <text class="tips-subtitle" wx:else>等待对方接受</text>
                </view>
                <image class="avatar" src="{{remoteUsers[0].avatar || '../../static/default_avatar.png'}}"
                    id="{{remoteUsers[0].userID}}" binderror="handleErrorImage" />
            </view>
        </view>
        <view class="invite-calling-header invite-calling-list" wx:else>
            <view class="invite-calling-item" wx:for="{{remoteUsers}}" wx:key="userID">
                <image class="avatar" src="{{item.avatar || '../../static/default_avatar.png'}}" id="{{item.userID}}"
                    binderror="handleErrorImage" />
                <view class="invite-calling-item-message">
                    <label class="tips">{{item.nick || item.userID}}</label>
                    <text class="tips-subtitle" wx:if="{{!isSponsor}}">邀请你视频通话</text>
                    <text class="tips-subtitle" wx:else>等待对方接受</text>
                </view>
            </view>
        </view>
        <view class="footer">
            <view class="btn-operate" wx:if="{{isSponsor}}">
                <view class="btn-operate-item call-switch" catch:tap="switchAudioCall">
                    <view class="call-operate">
                        <image src="../../static/trans.png" />
                    </view>
                    <text>切到语音通话</text>
                </view>
            </view>
            <view class="btn-operate" wx:if="{{isSponsor}}">
                <view class="btn-operate-item">
                    <view class="btn-container">
                        <view class="call-operate" catch:tap="hangup">
                            <image src="../../static/hangup.png" />
                        </view>
                        <view class="invite-calling-header-left">
                            <image src="../../static/switch_camera.png" data-device="{{pusher.frontCamera}}"
                                catch:tap="toggleSwitchCamera" />
                        </view>
                    </view>
                    <text>挂断</text>
                </view>

            </view>
            <view class="btn-operate" wx:if="{{!isSponsor}}">
                <view class="btn-operate-item">
                    <view class="call-operate" style="background-color: red" catch:tap="reject">
                        <image src="../../static/hangup.png" />
                    </view>
                    <text>挂断</text>
                </view>
                <view class="btn-operate-item">
                    <view class="call-operate" catch:tap="accept">
                        <image src="../../static/dialing.png" />
                    </view>
                    <text>接听</text>
                </view>
            </view>
        </view>
    </view>
</view>


<view class="incoming-call audio-call transition-animation" wx:if="{{callType === 1}}">
    <view class="invite-calling-single">
        <image class="avatar" src="{{remoteUsers[0].avatar || '../../static/default_avatar.png'}}"
            id="{{remoteUsers[0].userID}}" binderror="handleErrorImage" />
        <view class="tips">{{remoteUsers[0].nick || remoteUsers[0].userID}}</view>
        <view wx:if="{{isSponsor && callType === 1}}" class="tips-subtitle">{{'等待对方接受'}}</view>
    </view>
   
    <view class="footer">
        <view wx:if="{{!isSponsor && callType === 1}}" class="btn-operate">
            <view class="button-container">
                <view class="call-operate" style="background-color: red" catch:tap="reject">
                    <image src="../../static/hangup.png" />
                </view>
                <view style="margin-top:10px">挂断</view>
            </view>
            <view class="button-container">
                <view class="call-operate" catch:tap="accept">
                    <image src="../../static/dialing.png"/>
                </view>
                <view style="margin-top:10px">接听</view>
            </view>
        </view>
        <view wx:if="{{isSponsor && callType === 1}}" class="btn-operate">
            <view class="button-container">
                <view class="call-operate" style="background-color: red" catch:tap="hangup">
                    <image src="../../static/hangup.png" />
                </view>
                <view style="margin-top:10px">挂断</view>
            </view>
        </view>
    </view>
</view>