微信小程序中添加客服按鈕contact-button功能
更新時間：2018年04月27日 09:24:35 作者：Likwo
這篇文章主要介紹了微信小程序中添加客服按鈕contact-button功能，小程序的客服系統(tǒng)，是微信做的非常成功的功能，開發(fā)者很容易的實現(xiàn)客服功能
小程序的客服系統(tǒng)，是微信做的非常成功的一個功能，開發(fā)者可以很方便的通過一行代碼，就可實現(xiàn)客服功能。
1. 普通客服按鈕添加
<button open-type='contact' session-from=''>客服-聯(lián)系我們</button>
2. 懸浮客服按鈕添加，圖片自定義
大家看地圖的有個客服圖片圖片資源。大家去iconfont 網(wǎng)站去找一個就可以了
index.wxml
<button class="kf_button" open-type="contact" session-from="weapp"> <image class="kf_image" src="../../resources/img/kf.PNG"></image> </button>
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;
}
總結(jié)
以上所述是小編給大家介紹的微信小程序中添加客服按鈕contact-button功能，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持！
相關(guān)文章
這篇文章主要介紹了JavaScript模塊隨意拖動的具體實現(xiàn),需要的朋友可以參考下2014-05-05
javascript解析xml實現(xiàn)省市縣三級聯(lián)動的方法
這篇文章主要介紹了javascript解析xml實現(xiàn)省市縣三級聯(lián)動的方法,涉及javascript針對節(jié)點的操作與XML文件解析的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
JS+CSS實現(xiàn)感應(yīng)鼠標漸變顯示DIV層的方法
這篇文章主要介紹了JS+CSS實現(xiàn)感應(yīng)鼠標漸變顯示DIV層的方法,涉及javascript對div層的逐漸顯示與隱藏的實現(xiàn)技巧,需要的朋友可以參考下2015-02-02
微信小程序 數(shù)據(jù)緩存實現(xiàn)方法詳解
這篇文章主要介紹了微信小程序 數(shù)據(jù)緩存實現(xiàn)方法詳解,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2019-08-08
文字不間斷滾動(上下左右)實例代碼，需要的朋友可以參考一下2013-04-04
微信小程序?qū)崿F(xiàn)YDUI的ScrollTab組件
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)YDUI的ScrollTab組件，滾動選項卡效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2018-02-02
本教程旨在實現(xiàn)lightBox時的樣式與行為分離，減少JS在各方面（全屏遮蔽、ie6中遮蔽select、雙向居中、高度自適應(yīng)內(nèi)容等）的工作。2009-07-07
這篇文章主要介紹了js實現(xiàn)頭像圖片切割縮放及無刷新上傳圖片的方法,涉及javascript結(jié)合php實現(xiàn)文件無刷新上傳等相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
這篇文章主要為大家詳細介紹了js實現(xiàn)點擊切換卡片功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
layui 動態(tài)設(shè)置checbox 選中狀態(tài)的例子
今天小編就為大家分享一篇layui 動態(tài)設(shè)置checbox 選中狀態(tài)的例子，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09