午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序例子——手機振動功能\動態設置頁面標題\控制導航條加載動畫 ..

發布時間:2018-04-20 11:06 所屬欄目:小程序開發教程

一、手機(ji)振(zhen)動功能(neng)

1、關鍵代碼

1)WXML文件

 

 1
 2

										
<button bindtap="vibrateLongTap">振動(400ms)</button>
<button bindtap="vibrateShortTap">振動(15ms)</button>
來自CODE的代碼片
snippet_file_0.txt

 

2)js文件

 


  1
  2
  3
  4
  5
  6
  7
  8
  9
 10

Page({
vibrateLongTap:function(){
// 使手機振動400ms
wx.vibrateLong();
},
vibrateShortTap:function(){
// 使手機振動15ms
wx.vibrateShort();
}
})
 來自CODE的代碼片
snippet_file_0.js

 

3)WXSS文件

 


 1

empty
 來自CODE的代碼片
snippet_file_0.txt

 

2、源(yuan)代碼(ma)獲(huo)取方式

百度云鏈(lian)接://pan.baidu.com/s/1b7ipNC

 

 

二、動(dong)態設置(zhi)頁面標題

 1、效果展示

2、關鍵代碼

1)WXML文件

 


 1
 2
 3
 4

<button bindtap="setBiaoTi1">標題1</button>
<button bindtap="setBiaoTi2">標題2</button>
<button bindtap="setBiaoTi3">標題3</button>
<button bindtap="back">還原</button>
 來自CODE的代碼片
snippet_file_0.txt

 

2)js文件

 


  1
  2
  3
  4
  5
  6
  7
  8
  9
 10
 11
 12
 13
 14
 15
 16
 17
 18
 19
 20
 21
 22
 23
 24
 25
 26

Page({
// 設置標題為:標題1
setBiaoTi1:function(){
wx.setNavigationBarTitle({
title: '標題1',
})
},
// 設置標題為:標題2
setBiaoTi2: function () {
wx.setNavigationBarTitle({
title: '標題2',
})
},
// 設置標題為:標題3
setBiaoTi3: function () {
wx.setNavigationBarTitle({
title: '標題3',
})
},
// 設置標題為:動態設置頁面標題
back:function(){
wx.setNavigationBarTitle({
title: '動態設置頁面標題',
})
}
})
 來自CODE的代碼片
snippet_file_0.js

 

3)WXSS文件

 


 1
 2
 3

button{
margin-top:10px;
}
 來自CODE的代碼片
snippet_file_0.txt

 

3、源碼獲取

百度(du)云鏈接(jie)://pan.baidu.com/s/1mhAlJb6

 

三:控制導航條加載動畫

 

1、效果展示

2、關鍵代碼

1)WXML文件

 


 1

empty
 來自CODE的代碼片
snippet_file_0.txt

 

 

2)js文件

 


  1
  2
  3
  4
  5
  6
  7
  8
  9
 10

Page({
// 顯示導航條加載動畫
showNavigationBarLoadingTap:function(){
wx.showNavigationBarLoading();
},
// 隱藏導航條加載動畫
hideNavigationBarLoadingTap:function(){
wx.hideNavigationBarLoading();
}
})
 來自CODE的代碼片
snippet_file_0.js

 

 

3)WXSS文件(jian)

 


 1
 2
 3
 4
 5

button{
margin:10px;
margin-bottom: 0px;
font-size: 11pt;
}
 來自CODE的代碼片
snippet_file_0.txt

 

 

3、源碼獲(huo)取(qu)方式

百度云鏈接://pan.baidu.com/s/1o7GnrjO

 

 

4、在控(kong)制(zhi)導航條加載動畫的過程中有(you)遇到任(ren)何問題或者不明白的地方,歡迎(ying)添加我的微信進(jin)行咨詢,感謝支持!


易優(you)小(xiao)程序(企業(ye)版)+靈活api+前后(hou)代碼開源 碼云倉庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/23783.html 復制鏈接 如需定制請(qing)聯系(xi)易(yi)優(you)客(ke)服咨詢:

工作日 8:30-12:00 14:30-18:00
周(zhou)六及部(bu)分節假日提供值(zhi)班服務

易小優(you)
轉人工 ×