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

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

但方法总比困难多，比如我们可以通过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;
}

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

微信小程序闭环处理 App -- 小程序 -- 企业微信 + 公众号
App -- 小程序之间的交互 1)App 跳小程序指定页面微信官方文档:接入指南 // 以下为H5部分的代码,客户端也需要根据文档做相应的改动 let bridge = window.WebVie ...
在微信小程序中,使用wxParse插件解析HTML/md富文本
1. 在微信小程序中,使用wxParse插件解析HTML富文本下载文件 GitHub地址:https://github.com/icindy/wxParse 解压文件,在解压后的文件夹里找到wxPa ...
微信小程序和微信商城的对比，看看你的企业适合做微信小程序还是微商城
什么是微信小程序微信小程序是一种不需要下载安装即可使用的应用,它实现了应用"触手可及"的梦想,用户扫一扫或者搜一下即可打开应用.也体现了"用完即走"的理念,用 ...
微信小程序“同声传译”插件（语音识别，语音合成）体验
本文原文:http://www.happycxz.com/m/?p=383 官方插件上线微信小程序"同声传译"插件介绍传送门遥知之改版原来使用的是我自己封装的API,现在改 ...
微信小程序使用物流查询插件
微信小程序使用物流查询插件文章目录微信小程序使用物流查询插件添加插件添加成功使用方式声明使用插件引入插件包效果图物流查询插件添加插件登录微信公众平台后台->设置->第 ...
uniapp微信小程序引入第三方广告插件
以Slime广告插件为例. 一.微信小程序后台申请相关插件二.manifest.json文件 "mp-weixin" : {"appid" : "* ...
【微信小程序】微信小程序基础知识篇
开发文档小程序简介 | 微信开放文档 1.微信小程序的环境准备 1.1注册账号 1.2获取APPID 是开发者唯一的身份认证,应用要发布要上线必须提供APPID 1.3开发工具由于微信小程序自带开 ...
如何开发微信小程序？微信小程序有哪些特点？
目前,小程序因为其无需安装.无需下载的便捷性.易用性获得了越来越多用户的青睐,微信小程序基于微信庞大的用户基数,也成为越来越多商家开拓增值业务的优先选择.什么是小程序?以微信小程序为例,微信小程序便是 ...
如何制作一个微信小程序【微信小程序是怎么做的】
为什么现在这么多人使用微信小程序呢?因为微信小程序除了便捷易开发,公司企业可以用来做小程序展示官网,商家也可以做小程序商城,甚至个人也可以拥有自己的小程序.那么如何制作一个微信小程序?微信小程序是怎么 ...

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

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

最新文章

热门文章

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

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

最新文章

热门文章

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

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