如何給文章詳情和產(chǎn)品詳情頁添加 一鍵撥號和返回首頁按鈕?

251930次閱讀

A.添加界面樣式:復(fù)制以下整段代碼分別放在info_article.swan(文章詳情頁)和info_product.swan(產(chǎn)品詳情頁)最后空白位置。

<button style="width:80vw;background-color:#FF7F24;color:#fff;padding:2rpx 0;margin: 0 auto;margin-bottom:30rpx;" bindtap="calling">電話咨詢</button>

<view style="margin:10rpx auto 30rpx;background-color:#bbb;color:#fff;padding:20rpx 0;text-align:center;width:80vw;border-radius:10rpx;">

<navigator open-type="switchTab" url="/pages/index/index"? hover-class="other-navigator-hover" style="font-size:36rpx;">返回首頁</navigator>

</view>

B.添加JS函數(shù):分別復(fù)制以下代碼到info_article.js(文章詳情頁)和info_product.js(產(chǎn)品詳情頁),放在最后一個(gè)})前面,已經(jīng)有該js函數(shù)的無需重復(fù)添加。注意標(biāo)點(diǎn),

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

? ? ? ? ? ? }

? ? ? ? })

? ? }

0.png

本文由夫唯SEO特訓(xùn)營編輯整理。

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

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

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

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

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

    微信掃碼添加客服人員
  • 小程序運(yùn)營交流群(免費(fèi))

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

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

    微信掃碼添加客服人員

掃碼獲取資源

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

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

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

    微信掃碼添加客服人員
  • SEO團(tuán)隊(duì)KPI管理表格

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

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

    微信掃碼添加客服人員

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

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