关键词排名搜索引擎优化

树立企业形象,传播公司口碑,让网站天生具备营销能力

免费咨询

swancong

日期:2020-12-15 09:00:00   浏览数:648
如何添加一键拨号悬浮按钮?

swan一部分(放在每一个swan网页页面最终),图片最好是自身下载上传到自身的站点,再改动下面的图片详细地址:

<view class="tel__wrap">

    <button class="button10" bindtap="calling_tel">

<image class="tel_image" src="https://static.51jiancong.com/wxapp/936/images/20190612/20190612085712_16199.png"></image>

</button>

</view>



css一部分(只需放在index.css最终的空缺部位就可以):

.tel__wrap {

 position:fixed;right:26rpx;bottom:30rpx;z-index:999;

}

.tel__wrap .tel_image {

 width:80rpx;height:80rpx;visibility:visible;opacity:0.6;

}

.tel__wrap .button10 {

 visibility:hidden;margin:0;

}


js一部分(放在每一个js网页页面最终的   });  前边):

 ,calling_tel: function (e) {

    let mobile = e.currentTarget.dataset.id;

    if (!mobile) {

      mobile = app.globaldata.settings.cfg_kefu_tel;

    }

    swan.makePhoneCall({

      phoneNumber: mobile,

      success: function () {

        console.log("拨电话取得成功!")

      },

      fail: function () {

        console.log("拨电话不成功!")

      }

    })

  }

标签内容: 图片 下载 下面的图片 传到 站点 放在
栩云营销微信公众号
关注微信公众号获取更多咨讯

我们在微信上期待24小时为您服务

栩栩如生科技是一家集高端、专业、务实的,技术研发与网络营销服务为一体综合营销服务商,擅长网站建设,网站整站优化,SEO优化,网站推广及新老网站关键词排名优化,为客户提供综合型数字化创新服务,帮助传统企业实现“互联网+”转型升级
相关推荐
微信公众号

微信公众号