微信小程序实用案例代码片段大全《七》


TITF 出品:微信小程序实用案例代码片段大全《七》 一:获取手机网络状态 关键代码 .wxml 布局文件代码 1 手机网络状态:{{netWorkType}} 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 2 3 4 5 6 Page({ data: { netWorkType:'' }, onLoad: function () { var that=this 7 8 9 10 11 12 13 14 15 wx.getNetworkType({ success: function(res) { that.setData({ netWorkType:res.networkType }) } }) } }) 来自 CODE 的代码片 二:获取手机系统信息 关键代码 .wxml 布局文件代码 1 2 3 手机型号:{{mobileModel}} 手机像素比:{{mobileePixelRatio}} 窗口宽度:{{windowWidth}} 4 5 6 窗口高度:{{windowHeight}} 微信设置的语言:{{language}} 微信版本号:{{version}} 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 2 3 4 5 6 7 8 9 10 var app = getApp() Page({ data: { mobileModel:'', mobileePixelRatio:'', windowWidth:'', windowHeight:'', language:'', version:'' }, 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 onLoad: function () { var that=this; wx.getSystemInfo({ success: function(res) { that.setData({ mobileModel:res.model, mobileePixelRatio:res.pixelRatio, windowWidth:res.windowWidth, windowHeight:res.windowHeight, language:res.language, version:res.version }) } }) } }) 来自 CODE 的代码片 三:用微信小程序拨打电话 关键代码 .wxml 布局文件代码 1 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 2 3 4 5 6 7 Page({ calling:function(){ wx.makePhoneCall({ phoneNumber: '12345678900', //此号码并非真实电话号码,仅用于测试 success:function(){ console.log("拨打电话成功!") }, 8 9 10 11 12 13 fail:function(){ console.log("拨打电话失败!") } }) } }) 来自 CODE 的代码片 四:打开微信小程序内置地图 关键代码 .wxml 布局文件代码 1 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 Page({ 2 3 4 5 6 7 8 9 10 11 12 13 14 15 openMap:function(){ wx.getLocation({ type: 'gcj02', // 默认为 wgs84 返回 gps 坐标,gcj02 返回可用于 wx.openLocation 的坐标 success: function(res){ // success wx.openLocation({ latitude: res.latitude, // 纬度,范围为-90~90,负数表示南纬 longitude: res.longitude, // 经度,范围为-180~180,负数表示西经 scale: 28, // 缩放比例 }) } }) } }) 来自 CODE 的代码片 五:获取用户登录信息 关键代码 .wxml 布局文件代码 1 2 3 4 5 6 7 8 用户昵称:{{nickName}} 用户头像: 性别:{{sex}} 所在地址(省):{{province}} 所在地址(市):{{city}} 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 2 Page({ data: { 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 nickName:'', userInfoAvatar:'', sex:'', province:'', city:'' }, onLoad: function () { var that=this; wx.getUserInfo({ success: function(res){ // success that.setData({ nickName:res.userInfo.nickName, userInfoAvatar:res.userInfo.avatarUrl, province:res.userInfo.province, city:res.userInfo.city 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 }) switch(res.userInfo.gender){ case 0: that.setData({ sex:'未知' }) break; case 1: that.setData({ sex:'男' }) break; case 2: that.setData({ sex:'女' }) 35 36 37 38 39 40 41 42 43 44 45 46 47 48 break; } }, fail: function() { // fail console.log("获取失败!") }, complete: function() { // complete console.log("获取用户信息完成!") } }) } }) 来自 CODE 的代码片 六:获取自己所处的位置坐标 关键代码 .wxml 布局文件代码 1 2 纬度:{{latitude}} 经度:{{longitude}} 来自 CODE 的代码片 snippet_file_0.txt .js 逻辑文件代码 1 2 3 4 5 6 7 8 9 Page({ data: { latitude:'', longitude:'' }, onLoad: function () { var that=this; wx.getLocation({ 10 11 12 13 14 15 16 17 18 19 type: 'wgs84', success: function(res) { that.setData({ latitude:res.latitude, longitude:res.longitude }) } }) } }) 来自 CODE 的代码片
还剩12页未读

继续阅读

下载pdf到电脑,查找使用更方便

pdf的实际排版效果,会与网站的显示效果略有不同!!

需要 10 金币 [ 分享pdf获得金币 ] 0 人已下载

下载pdf

pdf贡献者

rukezhang

贡献于2017-03-01

下载需要 10 金币 [金币充值 ]
亲,您也可以通过 分享原创pdf 来获得金币奖励!
下载pdf