欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序獲取網(wǎng)絡類型的方法示例 原創(chuàng)

原創(chuàng)  更新時間:2019年03月01日 09:14:56   原創(chuàng) 投稿:shichen2014  
這篇文章主要介紹了微信小程序獲取網(wǎng)絡類型的方法,結(jié)合完整實例形式分析了微信小程序通過wx.getNetworkType獲取網(wǎng)絡類型的相關(guān)操作技巧,需要的朋友可以參考下

本文實例講述了微信小程序獲取網(wǎng)絡類型的方法。分享給大家供大家參考,具體如下:

這里主要演示通過wx.getNetworkType獲取當前網(wǎng)絡類型的操作方法。代碼如下:

index.js:

Page({
 /**
  * 頁面的初始數(shù)據(jù)
  */
 data: {
  netType:''
 },
 /**
  * 生命周期函數(shù)--監(jiān)聽頁面加載
  */
 onLoad: function () {
  var that = this;
  try {
   wx.getNetworkType({
    success: function(res) {
     that.setData({
      netType:res.networkType
     })
    },
   })
  } catch (e) {
   // Do something when catch error
  }
 },
 /**
  * 生命周期函數(shù)--監(jiān)聽頁面初次渲染完成
  */
 onReady: function () {
  
 },
 /**
  * 生命周期函數(shù)--監(jiān)聽頁面顯示
  */
 onShow: function () {
 },
 /**
  * 生命周期函數(shù)--監(jiān)聽頁面隱藏
  */
 onHide: function () {
 },
 /**
  * 生命周期函數(shù)--監(jiān)聽頁面卸載
  */
 onUnload: function () {
 },
 /**
  * 頁面相關(guān)事件處理函數(shù)--監(jiān)聽用戶下拉動作
  */
 onPullDownRefresh: function () {
 },
 /**
  * 頁面上拉觸底事件的處理函數(shù)
  */
 onReachBottom: function () {
 },
 /**
  * 用戶點擊右上角分享
  */
 onShareAppMessage: function () {
 }
})

index.wxml:

<view class="table">
 <view class="tr bg-g">
  <view class="td">網(wǎng)絡類型</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;
}

運行結(jié)果:

希望本文所述對大家微信小程序開發(fā)有所幫助。

相關(guān)文章

最新評論