美文网首页
取消微信小程序中按钮默认样式

取消微信小程序中按钮默认样式

作者: 李白龙 | 来源:发表于2022-04-05 13:17 被阅读0次

    写于2022年4月5日

    需求:做分享/客服消息等功能时,被点击的UI是张自定义的图片。

    已知:微信官方对于功能的实现是采用 button标签 + open-type属性来完成的。

    问题:自定义的ui样式,会被小程序的button样式干扰。

    方案:给 button 标签添加一个样式,display: contents; 这样会保留button的点击功能,又不会展示button的样式。

    实例:

    <!-- 客服消息 -->
    <button style="display: contents;" open-type="contact">
        <image src="/img/service.png"></image>
    </button>
    

    相关文章

      网友评论

          本文标题:取消微信小程序中按钮默认样式

          本文链接:https://www.haomeiwen.com/subject/dleksrtx.html