Comment ajouter un bouton de service client au mini programme WeChat

Cette fois, je vais vous montrer comment ajouter un bouton de service client au mini programme WeChat, et quelles sont les précautions pour ajouter un bouton de service client au mini programme WeChat. Voici 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 :

Comment faire vue-baidu-map pour entrer dans la page et la positionner automatiquement

Comment pour utiliser Vue2.0 Appelez l'appareil photo pour prendre des photos

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!