微信小程序中 button丢失其默认样式

上头upup

于 2020-03-18 11:56:42 发布

阅读量607

点赞数

分类专栏：小程序

本文链接：https://blog.csdn.net/qq_45802159/article/details/104941419

版权

10 篇文章

订阅专栏

在微信小程序中，使用button打开客服功能时遇到了样式丢失的问题。为解决此问题，采用以下方法：使button按钮尺寸填充整个盒子，外层盒子设为相对定位，button设为绝对定位，并调整button的透明度为0。这样实现了客服功能的同时，保持了界面的正常显示。

摘要由CSDN通过智能技术生成

在这里插入图片描述
ps: 微信官方没有提供打开客服的api 所以只能通过button来打开客服

实现思路：
1.让botton按钮宽度高度百分百充斥整个盒子
2. 外面盒子设置相对定位 button设置绝对定位
3. button设置透明度设置为0

.tools view button {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}