亚洲视频二区I天堂网av 在线I丰满人妻AV一区二区三I088精品在线观看视频IAV在线网站免费I亚洲人成影院在线I91精品91久久久777777I131M久I日日摸日日

027-81331413

微信小程序消息提醒設置

發布時間:2021-01-02 瀏覽:7192

  微信小程序的開發要考慮到很多方面的問題,微信小程序消息提示音你知道要怎么設置嗎?其實這和開發一個微信小程序一樣,也需要代碼。

  做Android的時候對toast是很熟悉的.微信小程序開發中toast也是重要的消息提示方式.

  提示框:

  wx.showToast(OBJECT)

  顯示消息提示框

  OBJECT參數說明:

  

微信小程序消息提示音

  小程序代碼:

  ?

  wx.showToast({

  title: '成功',

  icon: 'success',

  duration: 2000

  })

  wx.hideToast()

  隱藏消息提示框

  ?

  wx.showToast({

  title: '加載中',

  icon: 'loading',

  duration: 10000

  })

  setTimeout(function(){

  wx.hideToast()

  },2000)

  wx.showModal(OBJECT)

  顯示模態彈窗

  OBJECT參數說明:

  

  示例代碼:

  ?

  wx.showModal({

  title: '提示',

  content: '這是一個模態彈窗',

  success: function(res) {

  if (res.confirm) {

  console.log('用戶點擊確定')

  }

  }

  })

  wx.showActionSheet(OBJECT)

  顯示操作菜單

  OBJECT參數說明:

  

  success返回參數說明:

  

  示例代碼:

  wx.showActionSheet({

  itemList: ['A', 'B', 'C'],

  success: function(res) {

  if (!res.cancel) {

  console.log(res.tapIndex)

  }

  }

  })

  設置不同的小程序導航條

  wx.setNavigationBarTitle(OBJECT)

  動態設置頁面的標題。

  OBJECT參數說明:

  

  示例代碼:

  setNavigationBarTitle({

  title: '當前頁面'

  })

  wx.showNavigationBarLoading()

  在當前頁面顯示導航條加載動畫。

  wx.hideNavigationBarLoading()

  隱藏導航條加載動畫。

  頁面跳轉:

  wx.navigateTo(OBJECT)

  保留當前頁面,跳轉到應用內的某個頁面,使用wx.navigateBack可以返回到原頁面。

  OBJECT參數說明:

  

微信消息提示音

  示例代碼:

  wx.navigateTo({

  url: 'test?id=1'

  })

  ?

  //test.js

  Page({

  onLoad: function(option){

  console.log(option.query)

  }

  })

  注意:為了不讓用戶在使用小程序時造成困擾,我們規定頁面路徑只能是五層,請盡量避免多層級的交互方式。

  wx.redirectTo(OBJECT)

  關閉當前頁面,跳轉到應用內的某個頁面。

  OBJECT參數說明:

  

微信小程序消息提示音

  示例代碼:

  wx.redirectTo({

  url: 'test?id=1'

  })

  wx.navigateBack(OBJECT)

  關閉當前頁面,返回上一頁面或多級頁面。可通過 getCurrentPages()) 獲取當前的頁面棧,決定需要返回幾層。

  OBJECT參數說明:

  

設置小程序消息提示音

  動畫:

  wx.createAnimation(OBJECT)

  創建一個動畫實例animation。調用實例的方法來描述動畫。最后通過動畫實例的export方法導出動畫數據傳遞給組件的animation屬性。

  注意: export 方法每次調用后會清掉之前的動畫操作

  OBJECT參數說明:

  

消息提示音

  var animation = wx.createAnimation({

  transformOrigin: "50% 50%",

  duration: 1000,

  timingFunction: "ease",

  delay: 0

  })

  animation

  動畫實例可以調用以下方法來描述動畫,調用結束后會返回自身,支持鏈式調用的寫法。

  樣式:

  

怎么設置微信小程序消息提示音

  旋轉:

  

微信小程序消息提示音設置

  縮放:

  

微信小程序消息提示

  偏移:

  

微信小程序提示音

  傾斜:

  

小程序消息提示音

  矩陣變形:

  

微信小程序消息提示音

  動畫隊列

  調用動畫操作方法后要調用 step() 來表示一組動畫完成,可以在一組動畫中調用任意多個動畫方法,一組動畫中的所有動畫會同時開始,一組動畫完成后才會進行下一組動畫。step 可以傳入一個跟 wx.createAnimation() 一樣的配置參數用于指定當前組動畫的配置。

  示例:

  Page({

  data: {

  animationData: {}

  },

  onShow: function(){

  var animation = wx.createAnimation({

  duration: 1000,

  timingFunction: 'ease',

  })

  this.animation = animation

  animation.scale(2,2).rotate(45).step()

  this.setData({

  animationData:animation.export()

  })

  setTimeout(function() {

  animation.translate(30).step()

  this.setData({

  animationData:animation.export()

  })

  }.bind(this), 1000)

  },

  rotateAndScale: function () {

  // 旋轉同時放大

  this.animation.rotate(45).scale(2, 2).step()

  this.setData({

  animationData: this.animation.export()

  })

  },

  rotateThenScale: function () {

  // 先旋轉后放大

  this.animation.rotate(45).step()

  this.animation.scale(2, 2).step()

  this.setData({

  animationData: this.animation.export()

  })

  },

  rotateAndScaleThenTranslate: function () {

  // 先旋轉同時放大,然后平移

  this.animation.rotate(45).scale(2, 2).step()

  this.animation.translate(100, 100).step({ duration: 1000 })

  this.setData({

  animationData: this.animation.export()

  })

  }

  })

  wx.hideKeyboard()

  收起鍵盤。

  wx.stopPullDownRefresh()

  停止當前頁面下拉刷新。詳見 頁面相關小程序事件處理函數。


主站蜘蛛池模板: 欧美亚洲另类在线视频 | 亚洲一级片在线观看 | 五月天丁香亚洲 | 日韩免费一区二区 | 最近中文字幕完整视频高清1 | 色人久久| 精品视频一区在线观看 | 亚洲欧美成人网 | 国产成人高清在线 | 探花视频在线观看+在线播放 | 九九九电影免费看 | 在线观看韩日电影免费 | ,午夜性刺激免费看视频 | 中文字幕在线观看三区 | 狠狠五月婷婷 | 91香蕉视频在线下载 | 97免费视频在线 | 2021国产在线视频 | 亚洲国产精品成人综合 | 国产剧在线观看片 | 99国产精品久久久久老师 | 成人黄色电影在线播放 | 一区 二区电影免费在线观看 | 啪一啪在线 | 久久黄色小说视频 | 国产又黄又爽又猛视频日本 | 亚洲女在线 | 亚洲成a人片在线观看网站口工 | 久草久草在线 | 丁香六月网 | 亚洲在线网址 | 手机在线观看国产精品 | 999国内精品永久免费视频 | 91精品国产一区二区在线观看 | 81精品国产乱码久久久久久 | 国产无套视频 | 国产精品精品久久久久久 | 丁香一区二区 | 狠狠狠狠狠狠天天爱 | 美女视频永久黄网站免费观看国产 | 久久国产a | 亚洲欧美视频一区二区三区 | 成人精品国产免费网站 | 一区二区视频在线看 | 特级黄色视频毛片 | 亚洲精品videossex少妇 | 在线看的毛片 | 国产在线观看a | 欧美贵妇性狂欢 | 麻豆成人网 | 香蕉视频亚洲 | 在线观看第一页 | 西西www444 | 一区二区欧美在线观看 | 久草精品电影 | 久久久影院一区二区三区 | 在线观看免费av片 | 一区二区三区在线电影 | 精品亚洲成人 | 久久综合电影 | 伊人影院在线观看 | 国产精品久久嫩一区二区免费 | 婷婷在线免费视频 | 在线观看亚洲电影 | 久久免费视频这里只有精品 | 国产精品99久久久久久久久久久久 | 五月婷婷影院 | 久久亚洲专区 | 一区二区三区在线看 | 九色在线视频 | 成人午夜影院在线观看 | 国产精品激情 | 日韩av三区| 狠狠狠狠狠狠狠狠干 | 日韩电影在线观看一区二区三区 | 国产精品久久久久久久久婷婷 | 亚洲欧美日韩中文在线 | 久久久久久不卡 | 欧美性生活一级片 | 日日夜夜操操操操 | 一级淫片a | 欧美福利视频 | 亚洲美女视频在线 | 日本久久综合网 | 欧美日韩国产综合一区二区 | 亚洲精品a区 | 亚洲午夜久久久久久久久久久 | 日本爱爱片 | zzijzzij亚洲成熟少妇 | 69国产精品视频 | 麻豆94tv免费版 | 免费日韩一区二区三区 | 黄色影院在线观看 | 91香蕉国产在线观看软件 | 国产剧在线观看片 | 激情www | 91成人天堂久久成人 | 成人免费视频网站在线观看 | 国产精品黄色 |