杰网资源 Design By www.escxy.com
小程序悬浮可移动的客服按钮，供大家参考，具体内容如下
<movable-area class="movable-area">
//根据x,y设置初次显示的位置
<movable-view x="600rpx" y="750rpx" animation="{{false}}" class="movable-view" direction='all' catchtap="bindtapdianhua">
<image class="xf_image" src="/UploadFiles/2021-04-02/phone.png">
CSS:
.movable-area{
pointer-events:none;
/* 这个属性设置为none,让所有事件穿透过去 */
z-index: 100;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
.movable-view{
pointer-events:auto;
/* 重设为auto,覆盖父属性设置 */
height: 100rpx;
width: 120rpx;
/* background: red; */
}
.xf-text {
font-size:12px;
color:#255DEA;
margin-top: 10rpx;
}
.xf_button{
background-color: rgba(255, 255, 255, 0);
border: 0px;
height: 100rpx;
top: 70%;
right: 0;
bottom: 20rpx;
position: fixed;
display: flex;
flex-direction: column;
}
.xf_button::after{
border: 0px;
}
.xf_image{
z-index: 5;
width: 100rpx;
height: 100rpx;
}
// pages/components/ss-phone-button.js
const app = getApp()
Page({
/**
* 页面的初始数据
*/
data: {
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
},
// 客服电话，点击拨打
bindtapdianhua: function (e) {
wx.makePhoneCall({
phoneNumber: '手机号',
})
},
})
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持。
标签：
小程序,悬浮按钮
杰网资源 Design By www.escxy.com
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
杰网资源 Design By www.escxy.com
暂无评论...
稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！
昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。
这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。
而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？