Comment ajouter la fonction de contact avec le service client backend dans le mini-programme WeChat

Cette fois, je vais vous montrer comment ajouter la fonction de contact du service client backend dans le mini programme WeChat Quelles sont les précautions pour ajouter la fonction de contact du service client backend dans le mini programme WeChat. programme. Ce qui suit est un cas pratique. Jetons un coup d'oeil.

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 :

Algorithmes couramment utilisés dans les projets js

Comment utiliser Vuejs pour personnaliser le routage

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!