微信小程序商城15天从零实战视频课程-联系客服

js代码

// pages/huiyuan/qita/03-kefu.js
Page({
 
  /**
   * 页面的初始数据
   */
  data: {

  },
  calling: function () {
    wx.makePhoneCall({
      phoneNumber: '4000000000',
      success: function () {
        console.log("拨打电话成功！")
      },
      fail: function () {
        console.log("拨打电话失败！")
      }
    })
  },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

wxml代码

<view class="about">
  <view class="about-tou">
    <view class="about-img">
      <image src="/images/hjh.jpg" class="in-img"  model="scaleToFill"></image>
    </view>
    <view class="about-title">讲师：黄菊华</view>
  </view>

  <view class="about-content">微信小程序-电商平台：适合经营电子商务平台移动端所需要</view>

  <view class="about-addr">
    <view class="about-tab">联系方式</view>
    <view>地址: 浙江杭州余杭雷恩科国际</view>
    <view>联系电话：135-1234-xxxx</view>
    <view>商务合作：[email protected]</view>
    <view> <button  class='.tel' type="default" bindtap="calling">点击拨打客服电话</button> </view>
  </view>
</view>

wxss代码

/* pages/guanyu/lianxiwom.wxss */ 
.about-tou {
  text-align: center;
}
.about-img {
  display: block;
  width: 110px;height: 110px;
  margin: 10px auto 0; 
}
.about-title {
  display: inline-block;
  margin: 10px 0;
}
.about-content { 
  text-indent: 2em;
  font-size: 16px; margin: 0 8px; 
  line-height: 1.5;
}
.about-addr {
  font-size: 16px; 
  line-height: 2;
  text-indent: 2em;
}
.about-tab {
  margin-top: 20px; 
  font-weight: bold;
}
.in-img {
  width:110px;height: 110px; 
  border-radius: 50%;
}
.image{
  width:110px;height: 110px;
}
.tel{ 
  width: 90%;
}

欢迎大家收看我的****：微信小程序商城15天从零实战视频课程
https://edu.****.net/course/detail/19437