微信小程序:button微信开放能力打开客服会话

文档

按钮关键属性

html 复制代码
open-type="contact"

功能按钮

html 复制代码
<button class="button__open-type"
        open-type="contact">
</button>

css样式

父元素需要设置为相对定位

css 复制代码
.button__open-type {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: transparent;
  padding: 0;
  margin: 0;
}

.button__open-type::after {
    border: none;
}
相关推荐
壹立科技3 小时前
Java源码构建智能名片小程序
java·开发语言·小程序
qingyingWin5 小时前
原生微信小程序研发,如何对图片进行统一管理?
前端·微信小程序
shadouqi6 小时前
问题1:uniapp在pages样式穿刺没有问题,在components组件中样式穿刺小程序不起效果
小程序·uni-app
韩召华6 小时前
uniapp实现微信小程序导航功能
微信小程序·uni-app·notepad++
前端Hardy8 小时前
10 分钟搞定婚礼小程序?我用 DeepSeek 把同学的作业卷成了范本!
前端·javascript·微信小程序
2501_9159090614 小时前
iOS电池寿命与App能耗监测实战 构建完整性能监控系统
android·ios·小程序·https·uni-app·iphone·webview
一只开心鸭!15 小时前
原生微信小程序实现语音转文字搜索---同声传译
微信小程序·小程序
weixin_lynhgworld16 小时前
旧物回收小程序:科技赋能,让旧物回收焕发生机
科技·小程序
此心光明事上练19 小时前
微信小程序组件发布为 npm 包的具体步骤
微信小程序·小程序·npm
Byte_Me1 天前
从东南亚出发:小程序容器技术如何助力 App 快速打入全球市场?
小程序