博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序获取网络类型代码
阅读量:4880 次
发布时间:2019-06-11

本文共 1190 字,大约阅读时间需要 3 分钟。

小程序获取网络类型代码!本文实例讲述了获取网络类型的方法。分享给大家供大家参考,具体如下:

这里主要演示通过wx.getNetworkType获取当前网络类型的操作方法。代码如下:

index.js:

Page({

/**
* 页面的初始数据
*/
data: {
netType:''
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function () {
var that = this;
try {
wx.getNetworkType({
success: function(res) {
that.setData({
netType:res.networkType
})
},
})
} catch (e) {
// Do something when catch error
}
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
},
/**
* 页面相关事件处理函数--监听用户下拉动作
*/
onPullDownRefresh: function () {
},
/**
* 页面上拉触底事件的处理函数
*/
onReachBottom: function () {
},
/**
* 用户点击右上角分享
*/
onShareAppMessage: function () {
}
})
index.wxml:

<view class="table">

<view class="tr bg-g">
<view class="td">网络类型</view>
<view class="td">{
{netType}}</view>
</view>
</view>
index.wxss:

/**index.wxss**/

.table {
border: 0px solid darkgray;
}
.tr {
display: flex;
width: 100%;
justify-content: center;
height: 2.6rem;
align-items: center;
}
.td {
width:40%;
justify-content: center;
text-align: center;
}
.bg-g{
background: #E6F3F9;
}

转载于:https://www.cnblogs.com/hsccxt/p/10457850.html

你可能感兴趣的文章
经典代码(01)
查看>>
生成ico格式图标
查看>>
并查集hdu4424
查看>>
【异常】IOException parsing XML document from class path resource [xxx.xml]
查看>>
第五周作业
查看>>
COJ 2135 Day10-例1
查看>>
jdbc之分页查询
查看>>
PHP手动环境搭建之WAMP
查看>>
COJ 1003 WZJ的数据结构(三)ST表
查看>>
sbrk and coreleft
查看>>
树型DP
查看>>
怎么在ubuntu上使用pidgin登陆QQ
查看>>
思维的惰性
查看>>
2018-2019-2 网络对抗技术 20165115 Exp3 免杀原理与实践
查看>>
【Android】学习记录<1> -- 初识ffmpeg
查看>>
定位页面元素的位置
查看>>
关于IAsyncResult接口的CompletedSynchronously属性
查看>>
Python:一篇文章掌握Numpy的基本用法
查看>>
序列化与ArrayList 的elementData的修饰关键字transient
查看>>
学习进度17
查看>>