Ajout de la fonction de service client en ligne au mini-programme WeChat

Cette fois, je vais vous apporter les précautions pour ajouter la fonction de contact du service client en ligne dans le mini programme WeChat. Voici les cas réels, jetons un coup d'œil.

1. Ajouter un bouton de service client ordinaire

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

2. Ajouter un bouton de service client flottant, personnalisation de l'image.

Si vous regardez la carte, il existe une ressource photo du service client. Il suffit d'aller sur le site iconfont pour en trouver un

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;
}

Je crois que vous maîtrisez la méthode après avoir lu le cas dans cet article , pour un contenu plus passionnant, veuillez prêter attention aux autres articles connexes sur le site Web php chinois !

Lecture recommandée :

Analyse des étapes pour utiliser Vue pour implémenter le composant PopupWindow

Explication détaillée des étapes pour implémenter la fonction horloge électronique avec jQuery

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!