如何给文章详情和产品详情页添加 一键拨号和返回首页按钮?

251922次阅读

A.添加界面样式:复制以下整段代码分别放在info_article.swan(文章详情页)和info_product.swan(产品详情页)最后空白位置。

<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函数:分别复制以下代码到info_article.js(文章详情页)和info_product.js(产品详情页),放在最后一个})前面,已经有该js函数的无需重复添加。注意标点,

,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特训营编辑整理。

搜外专注SEO培训和SEO周边Saas服务解决方案,10年来超过五万学员在此获得技术提升和人脉圈子。

SEO课程包含移动搜索、零基础建站、群站SEO思维、搜外6系统、SEM入门等。

192期A班报名时间7月1日-7月15日,请添加招生客服小沫微信:seowhy2021。 微信扫码添加客服人员

我们的目标是:让非技术人员轻松学会互联网技术。

  • 搜外会员SEO交流群(免费)

    微信扫码添加客服人员
  • 小程序运营交流群(免费)

    微信扫码添加客服人员
  • 搜外会员SEM竞价交流群(免费)

    微信扫码添加客服人员
  • 夫唯学员SEO交流群(VIP)

    微信扫码添加客服人员

扫码获取资源

微信扫码添加客服人员
  • SEO技术实战微信群

    微信扫码添加客服人员
  • 大站流量总监群(审核身份)

    微信扫码添加客服人员
  • Google独立站英文SEO群

    微信扫码添加客服人员
  • SEO团队KPI管理表格

    微信扫码添加客服人员
  • 工业品网站友情链接群

    微信扫码添加客服人员
  • 本地生活服务业友链群

    微信扫码添加客服人员

跟夫唯老师系统学习群站SEO
成为互联网运营推广大咖

掌握SEO技巧、建站前端、群站霸屏、SEM入门、新闻源推广……
Processed in 0.173308 Second , 50 querys.