微信小程序> 小程序常用功能总结

小程序常用功能总结

浏览量:622 时间: 来源:小太阳sunshine
1.拨打电话wxml:view bindtap="call" data-phone="{{telephone}}"/viewcall: 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            })          }        })      }    })  },    

版权声明

即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至197452366@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

产品经理

手机 : 13312967497

擅长 : 小程序流量变现

扫码领取礼包

最新资讯

热门模板

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎