微信小程序 企业微信客户服务插件【联系我】自定义样式

我们从插件扩展参数中得知，原有插件是不支持自定义样式的：

但方法总比困难多，比如我们可以通过opacity:0来设置插件按钮透明，再通过绝对定位和z-index将按钮覆盖在写好的容器样式之上。这样当点击容器时即可触发插件，具体代码如下：

<view class="service-container">
	<cell class="service-cell" styleType="2" plugid='plugid'/>	**styleType为2时，插件只显示为一个按钮样式**
	<view>
		我是你想要的样式
	</view>
</view>

.service-container {
	**容器样式想怎么写怎么写。当position为relative时，子容器的绝对定位基于父容器**
	position: relative;
}
.service-cell {
	position: absolute;
	top: 0;
	z-index: 2;
}
**插件按钮需在此设置，且需要把点击后的透明度也调为0**
.cell--bubble {
  width: 100rpx !important;
  height: 100rpx !important;
  opacity: 0;
}
.cell--btn-hover {
  opacity: 0 !important;
}