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

251935次閱讀

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

本文由夫唯團(tuán)隊(duì)編輯,如發(fā)現(xiàn)錯(cuò)誤,歡迎通過客服微信反饋。

夫唯于2024年12月停止百度SEO研究和培訓(xùn)。道別信: 夫唯:再見了百度SEO!

2025年1月正式啟動Google SEO培訓(xùn)課程,一千零一夜帶領(lǐng)大家一起出海。

感興趣的同學(xué),請?zhí)砑诱猩头∧⑿牛簊eowhy2021。 微信掃碼添加客服人員

我們的目標(biāo):讓大家獨(dú)立站出海不再“望洋興嘆”。

Processed in 0.330218 Second , 97 querys.