如何添加一鍵撥號懸浮按鈕?

1808次閱讀

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("撥打電話失??!")

? ? ? }

? ? })

? }

本文由夫唯SEO特訓營編輯整理。

搜外專注SEO培訓和SEO周邊Saas服務解決方案,10年來超過五萬學員在此獲得技術提升和人脈圈子。

SEO課程包含移動搜索、零基礎建站、群站SEO思維、搜外6系統(tǒng)、SEM入門等。

192期A班報名時間7月1日-7月15日,請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標是:讓非技術人員輕松學會互聯(lián)網(wǎng)技術。

  • 搜外會員SEO交流群(免費)

    微信掃碼添加客服人員
  • 小程序運營交流群(免費)

    微信掃碼添加客服人員
  • 搜外會員SEM競價交流群(免費)

    微信掃碼添加客服人員
  • 夫唯學員SEO交流群(VIP)

    微信掃碼添加客服人員

掃碼獲取資源

微信掃碼添加客服人員
  • SEO技術實戰(zhàn)微信群

    微信掃碼添加客服人員
  • 大站流量總監(jiān)群(審核身份)

    微信掃碼添加客服人員
  • Google獨立站英文SEO群

    微信掃碼添加客服人員
  • SEO團隊KPI管理表格

    微信掃碼添加客服人員
  • 工業(yè)品網(wǎng)站友情鏈接群

    微信掃碼添加客服人員
  • 本地生活服務業(yè)友鏈群

    微信掃碼添加客服人員

跟夫唯老師系統(tǒng)學習群站SEO
成為互聯(lián)網(wǎng)運營推廣大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入門、新聞源推廣……
Processed in 4.256571 Second , 46 querys.