小程序常用功能总结

1.拨打电话wxml：<view bindtap="call" data-phone="{{telephone}}"></view>call: function (e) {    var phone = e.currentTarget.dataset.phone;    if (!phone) return false;    wx.makePhoneCall({      phoneNumber: phone    });  },  2.打开地图  openMap: function (e) {    var _this = this    var location = e.currentTarget.dataset.address;    if (location == ''){      return;    }else{     wx.request({      "url" : "https://restapi.amap.com/v3/geocode/geo?key='申请的key'&address=" + location ,      "success" : function(res){            if (result.data.count != "0") {          var loc = result.data.geocodes[0].location.split(",");          wx.openLocation({            longitude: parseFloat(loc[0]),            latitude: parseFloat(loc[1]),            name: location,            complete: function () {            }          });        }        }    });  },  3.修改radio的大小  .wx-radio-input{transform:scale(.8);} 4.tabBar在iphone6手机上显示成黑色的解决方法app.json里面的tabBar里面的"backgroundColor": "#f6f6f6"（此处必须是16进制的）5.微信小程序下拉刷新组件加载图片（三个小点）不显示的问题解决原因：那三个点的默认颜色为白色，如果当前背景颜色为白色，那么就看不到那三个点了。解决方法一：修改当前页面的背景色：page{    background：#e2e2e2;}解决方法二：修改加载图标的默认颜色{    "navigationBarTitleText": "我的",    "enablePullDownRefresh" :true,    "backgroundTextStyle": "dark"}6.下拉刷新onPullDownRefresh: function () {        this.getLists();        wx.stopPullDownRefresh()    },7.tabBar配置"tabBar": {    "position": "bottom",    "backgroundColor": "#f6f6f6",    "selectedColor": "#009A8B",    "color": "#c3c3c3",    "borderStyle": "#E6E6E6",    "list": [      {        "pagePath": "pages/index/index",        "iconPath": "pages/img/tabC1.png",        "selectedIconPath": "pages/img/tabC_hover1.png",        "text": " "      },      {        "pagePath": "pages/list/list",        "iconPath": "pages/img/tabZ1.png",        "selectedIconPath": "pages/img/tabZ_hover1.png",        "text": " "      },      {        "pagePath": "pages/mine/mine",        "iconPath": "pages/img/tabM1.png",        "selectedIconPath": "pages/img/tabM_hover1.png",        "text": "我的"      }    ]  },8.图片预览  previewImage(e){     var id= that.data.id;    var imgSrc = 'https://omdosaftr.qnssl.com/group_image_' + id    wx.previewImage({      current: '', // 当前显示图片的http链接      urls: [imgSrc], // 需要预览的图片http链接列表    })}9.从一个小程序跳转到另外一个小程序注意：只有同一公众号下的关联的小程序之间才可相互跳转toAnotherApp(){    wx.navigateToMiniProgram({      appId: '要跳转到的小程序的appid',      path: 'pages/detail/detail?Id='+ this.data.id,      envVersion: 'develop',      success(res) {        // 打开成功      }    })}10.动态设置当前页面的标题wx.setNavigationBarTitle({  title: name+"详情",})11.剪贴板复制功能copy: function(e){    var content = e.currentTarget.dataset.copytxt;    wx.setClipboardData({      data: content,      success: function (res) {        wx.getClipboardData({          success: function (res) {            wx.showToast({              title: '复制成功',              icon: 'success',              duration: 2000            })          }        })      }    })  },