uni-app中cover-view覆盖原生组件

在uni-app中 经常要做到覆盖原生组件 

cover-view 可以做到覆盖原生组件

举个例子 我们在 video 标签中  在页面上添加一个控制播放的按钮

<video id="myVideo" class="video" objectFit="cover" :src="imgSrc'" :controls="false">
            <cover-view class="iconfont iconbofang icon" @click="click"></cover-view>
</video>

// 给 父组件video标签 添加一个 相对定位

video{

  position:relative;

}

// 子组件  绝对定位

.icon{

   position:absolute;

  bottom:10px;

   right:10px;

}

这样就实现了 覆盖在原生 video组件上面了  注意 cover-view 要在 video组件里面进行书写 写到外面是不管用的

发布了168 篇原创文章 · 获赞 65 · 访问量 1万+

猜你喜欢

转载自blog.csdn.net/yunchong_zhao/article/details/104376387