<web-view
ref="web"
@message="message"
:src="liveAddress"
class="webview"
>
<cover-view class="coverBtn" @click="fn"> 悬浮 </cover-view>
</web-view>
//给悬浮按钮写样式
<style>
.coverBtn {
width: 200rpx;
height: 72rpx;
box-shadow: 0rpx 4rpx 6rpx 0rpx rgba(18, 46, 102, 0.5);
border-radius: 36rpx;
line-height: 72rpx;
text-align: center;
position: fixed;
background-color: pink;
top: 100rpx;
font-size: 28rpx;
}</style>
效果如图，模拟器无法显示，真机调试正常
文章来源地址https://www.toymoban.com/news/detail-773019.html
文章来源：https://www.toymoban.com/news/detail-773019.html
到了这里，关于如何在web-view页添加悬浮按钮，在web-view页嵌套自定义元素的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
