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

251935次閱讀

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

<button style="width:80vw;background-color:#FF7F24;color:#fff;padding:2rpx 0;margin: 0 auto;margin-bottom:30rpx;" bindtap="calling">電話咨詢(xún)</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;">返回首頁(yè)</navigator>

</view>

B.添加JS函數(shù):分別復(fù)制以下代碼到info_article.js(文章詳情頁(yè))和info_product.js(產(chǎn)品詳情頁(yè)),放在最后一個(gè)})前面,已經(jīng)有該js函數(shù)的無(wú)需重復(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ò)誤,歡迎通過(guò)客服微信反饋。

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

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

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

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

国产综合亚洲欧洲区精品无码,欧美一级免费一区二区,精品一级片高清无码,亚洲成片在线无码看 www.sucaiwu.net
Processed in 0.330218 Second , 97 querys.