微信小程序内怎样增加和后台客服联系功能

php中世界最好的语言
Lepaskan: 2018-06-04 15:04:43
asal
3644 orang telah melayarinya

这次给大家带来微信小程序内怎样增加和后台客服联系功能,微信小程序内增加和后台客服联系功能的注意事项有哪些,下面就是实战案例,一起来看一下。

1. 普通客服按钮添加

 <button open-type=&#39;contact&#39; session-from=&#39;&#39;>客服-联系我们</button>
Salin selepas log masuk

2. 悬浮客服按钮添加,图片自定义

大家看地图的有个客服图片图片资源。大家去iconfont 网站去找一个就可以了

index.wxml

<button class="kf_button" open-type="contact" session-from="weapp">
 <image class="kf_image" src="../../resources/img/kf.PNG"></image>
</button>
Salin selepas log masuk

index.wxss

.kf_button{
 background-color: rgba(255, 255, 255, 0);
 border: 0px;
 height: 100rpx;
 right: 0;
 bottom: 20rpx;
 position: fixed;
}
.kf_button::after{
 border: 0px;
}
.kf_image{
 z-index: 9999;
 width: 100rpx;
 height: 100rpx;
}
Salin selepas log masuk

相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

推荐阅读:

js项目中常用算法

怎样使用Vuejs自定义路由

Atas ialah kandungan terperinci 微信小程序内怎样增加和后台客服联系功能. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!