开发过客服、生活号的小伙伴都知道，客服、生活号等组件的样式是不太符合我们的业务场景的。
结尾有彩蛋。
比如：
效果图长这样，存在默认的icon，而我们的业务里可能是某个弹窗里有个联系客服。
那么如何自定义样式：
其实也很简单，使用view包裹客服、生活号组件，view写宽高样式，可内嵌图片等，客服、生活号组件只负责在view的最上层让用户点击触发即可。实现方案如下：
<view class="contact-service"> 联系客服 <contact-button tnt-inst-id="" scene="" size="50" icon="" /> </view>
.contact-service { width: 600rpx; height: 96rpx; display: flex; justify-content: center; align-items: center; color: #FFF; background: #00cc88; border-radius: 48rpx; font-size: 32rpx; margin: 32rpx auto; } .contact-service contact-button { position: absolute; width: 100%; height: 100%; opacity: 0; left: 0; right: 0; top: 0; bottom: 0; }
效果图如下：点击后会跳转官方客服页面。
lifestyle生活号组件同理。
以上就是本周分享的小技巧，这是我完全重新编辑的第三遍文章，第一次写了一个多小时，内容很详细，因为登录态失效，全没了，心态崩了。第二次也是登录态失效，这是第三次，就随便写了，@夏乔，赶紧安排个草稿箱功能吧。
同步个彩蛋，打开客服也可以使用API的方式，这样任意样式都可以点击后触发：
JavaScript
my.ap.openCustomerService({ tntInstId: 'SEIBRDCN', scene: 'SCE00198760', alipayCardNo: '', extInfo: '', complete: (res) => { console.log(res) } });
