uniapp制作app的nvue组件live-pusher聚焦框问题

前端专业写bug

已于 2023-06-13 11:52:46 修改

阅读量540

点赞数

文章标签： uni-app javascript 前端

于 2023-06-13 11:50:07 首次发布

本文链接：https://blog.csdn.net/bs521521/article/details/131185376

版权

<div class="livefater">
				<div style="width: 557rpx;height: 557rpx;">
					<live-pusher 
                        id='livePusher' 
                        ref="livePusher" 
                        class="livePusher" 
                        url="" mode="SD" :muted="true"
						:enable-camera="true" 
                        :auto-focus="true" 
                        :beauty="1" whiteness="2" aspect="1:1"
						@statechange="statechange" @netstatus="netstatus" @error="error">
					</live-pusher>
				</div>
				<cover-view class="dingwei" @click="over"></cover-view>
</div>

methods: {
			// 拦截点击在live-pusher上,避免出现聚焦框
			over(){
				return
			},
        }

<style>
//定位遮挡
 .dingwei{
        position: absolute;
		top: 0rpx;
        width: 557rpx;
		height: 557rpx;
		background: #000000;
		opacity: 0;
    }
</style>