小程序添加悬浮在线客服源码

部分代码片段:

wxml:

<button plain='true'open-type="share" class="ymym">

<image mode='aspectFill' src='../../static/fx.png' class='ymimage'></image>

</button>

源码获取方式:搜一搜 万能工具箱合集

然后点击 资料库 直接抵达获取

wxss:

/* 悬浮 */

.ymimage {

width: 74rpx;

height: 74rpx;

}

.ymym[plain] {

display: flex;

margin-right: 20rpx;

right: 0;

position: fixed;

bottom: 15%;

padding: 0;

border: none;

width: 74rpx;

height: 74rpx;

}

/* 悬浮 */

相关推荐
小徐_23333 小时前
uni-app 弹窗总被父元素“绑架”?3招破局,H5/小程序/APP一招通杀!
前端·微信小程序·uni-app
難釋懷8 小时前
微信小程序案例 - 本地生活(首页)
微信小程序·生活·notepad++
2301_805962931 天前
微信小程序控制空调之接收MQTT消息
微信小程序·小程序·esp32
The_era_achievs_hero1 天前
微信小程序121~130
微信小程序·小程序
難釋懷1 天前
微信小程序WXSS 模板样式
微信小程序·小程序·notepad++
清颖~1 天前
原生微信小程序研发,如何对图片进行统一管理?
微信小程序·小程序
军军君011 天前
基于Springboot+UniApp+Ai实现模拟面试小工具二:后端项目搭建
前端·javascript·spring boot·spring·微信小程序·前端框架·集成学习
默魔1 天前
uniapp 微信小程序点击开始倒计时
微信小程序·小程序·uni-app
難釋懷2 天前
微信小程序全局配置
微信小程序·小程序
Enti7c2 天前
微信小程序核心知识点速览
微信小程序·小程序