点击转换按钮
ason
- 发布：2022-03-30 09:06
- 更新：2022-03-30 11:16
- 阅读：340
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： win10
HBuilderX类型： 正式
HBuilderX版本号： 3.4.3
手机系统： Android
手机系统版本号： Android 10
手机厂商： 小米
手机机型： mix2
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
不被覆盖
不被覆盖
实际结果：
被覆盖
被覆盖
bug描述：
<view class="video-container">
<view class="video-container">
<rtc-surface-view v-if="isJoined" :class="curFull ? 'full-box' : 'mini-box'" :uid="0" ></rtc-surface-view>
<rtc-surface-view v-if="remoteUid" :class="!curFull ? 'full-box' : 'mini-box'" :uid="remoteUid" ></rtc-surface-view>
</view>
<cover-view class="video-time">
<text class="video-time-text">当前通话时间：{{time}}</text>
</cover-view>
<cover-view class="float">
<button type="warn" class="btn" @click="hangUp">挂断</button>
<button type="primary" class="btn" @click="surfaceViewClick">转换</button>
<button type="primary" class="btn" @click="switchCamera">切换摄像头</button>
</cover-view>
<request ref="request"></request>
<message ref="message"></message>
</view>
rtc-surface-view 为原声视频通话组件，通话转换按钮，实现两个视频组件的样式大小，但是样式改变之后，导致cover-view 按钮跟文本都被覆盖掉了。。刚进来的时候，cover-view文本跟按钮是在视频组件之上显示的，被覆盖之后就看不到了。
你这是view的index发生了变化导致的 你需要自行调整view堆栈的index
-
-
ason (作者)
我动态控制的视频样式如下：
.full-box {
flex: 1;
}
.mini-box {
position: fixed;
top: 60px;
right: 20px;
width: 80px;
height: 180px;
}2022-03-30 15:11
-
ason (作者)
目前还在本地调试阶段，外网没法用
2022-03-30 10:38