亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

微信小程序-消息提示框?qū)嵗?/h1>
 更新時(shí)間：2016年11月24日 15:00:17   作者：奮進(jìn)程序猿  
本篇文章主要介紹了微信小程序-提示框，現(xiàn)在分享給大家，也給大家做個(gè)參考。感興趣的小伙伴們可以參考一下。

做Android的時(shí)候?qū)oast是很熟悉的.微信小程序開(kāi)發(fā)中toast也是重要的消息提示方式.

提示框：

wx.showToast(OBJECT)

顯示消息提示框

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.showToast({
 title: '成功',
 icon: 'success',
 duration: 2000
})

wx.hideToast()

隱藏消息提示框

wx.showToast({
 title: '加載中',
 icon: 'loading',
 duration: 10000
})

setTimeout(function(){
 wx.hideToast()
},2000)

wx.showModal(OBJECT)

顯示模態(tài)彈窗

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.showModal({
 title: '提示',
 content: '這是一個(gè)模態(tài)彈窗',
 success: function(res) {
  if (res.confirm) {
   console.log('用戶點(diǎn)擊確定')
  }
 }
})

wx.showActionSheet(OBJECT)

顯示操作菜單

OBJECT參數(shù)說(shuō)明：

success返回參數(shù)說(shuō)明：

示例代碼：

wx.showActionSheet({
 itemList: ['A', 'B', 'C'],
 success: function(res) {
  if (!res.cancel) {
   console.log(res.tapIndex)
  }
 }
})

設(shè)置導(dǎo)航條

wx.setNavigationBarTitle(OBJECT)

動(dòng)態(tài)設(shè)置當(dāng)前頁(yè)面的標(biāo)題。

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.setNavigationBarTitle({
 title: '當(dāng)前頁(yè)面'
})

wx.showNavigationBarLoading()

在當(dāng)前頁(yè)面顯示導(dǎo)航條加載動(dòng)畫(huà)。

wx.hideNavigationBarLoading()

隱藏導(dǎo)航條加載動(dòng)畫(huà)。

頁(yè)面跳轉(zhuǎn)：

wx.navigateTo(OBJECT)

保留當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面，使用wx.navigateBack可以返回到原頁(yè)面。

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.navigateTo({
 url: 'test?id=1'
})
//test.js
Page({
 onLoad: function(option){
  console.log(option.query)
 }
})

注意：為了不讓用戶在使用小程序時(shí)造成困擾，我們規(guī)定頁(yè)面路徑只能是五層，請(qǐng)盡量避免多層級(jí)的交互方式。

wx.redirectTo(OBJECT)

關(guān)閉當(dāng)前頁(yè)面，跳轉(zhuǎn)到應(yīng)用內(nèi)的某個(gè)頁(yè)面。

OBJECT參數(shù)說(shuō)明：

示例代碼：

wx.redirectTo({
 url: 'test?id=1'
})

wx.navigateBack(OBJECT)

關(guān)閉當(dāng)前頁(yè)面，返回上一頁(yè)面或多級(jí)頁(yè)面?？赏ㄟ^(guò) getCurrentPages()) 獲取當(dāng)前的頁(yè)面棧，決定需要返回幾層。

OBJECT參數(shù)說(shuō)明：

 動(dòng)畫(huà)：

wx.createAnimation(OBJECT)

創(chuàng)建一個(gè)動(dòng)畫(huà)實(shí)例animation。調(diào)用實(shí)例的方法來(lái)描述動(dòng)畫(huà)。最后通過(guò)動(dòng)畫(huà)實(shí)例的export方法導(dǎo)出動(dòng)畫(huà)數(shù)據(jù)傳遞給組件的animation屬性。

注意: export 方法每次調(diào)用后會(huì)清掉之前的動(dòng)畫(huà)操作

OBJECT參數(shù)說(shuō)明：

var animation = wx.createAnimation({
 transformOrigin: "50% 50%",
 duration: 1000,
 timingFunction: "ease",
 delay: 0
})

animation

動(dòng)畫(huà)實(shí)例可以調(diào)用以下方法來(lái)描述動(dòng)畫(huà)，調(diào)用結(jié)束后會(huì)返回自身，支持鏈?zhǔn)秸{(diào)用的寫(xiě)法。

樣式：

 旋轉(zhuǎn)：

 縮放：

 偏移：

 傾斜：

 矩陣變形：

 動(dòng)畫(huà)隊(duì)列

調(diào)用動(dòng)畫(huà)操作方法后要調(diào)用 step() 來(lái)表示一組動(dòng)畫(huà)完成，可以在一組動(dòng)畫(huà)中調(diào)用任意多個(gè)動(dòng)畫(huà)方法，一組動(dòng)畫(huà)中的所有動(dòng)畫(huà)會(huì)同時(shí)開(kāi)始，一組動(dòng)畫(huà)完成后才會(huì)進(jìn)行下一組動(dòng)畫(huà)。step 可以傳入一個(gè)跟 wx.createAnimation() 一樣的配置參數(shù)用于指定當(dāng)前組動(dòng)畫(huà)的配置。

示例：

<view animation="{{animationData}}" style="background:red;height:100rpx;width:100rpx"></view>
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 () {
  // 旋轉(zhuǎn)同時(shí)放大
  this.animation.rotate(45).scale(2, 2).step()
  this.setData({
   animationData: this.animation.export()
  })
 },
 rotateThenScale: function () {
  // 先旋轉(zhuǎn)后放大
  this.animation.rotate(45).step()
  this.animation.scale(2, 2).step()
  this.setData({
   animationData: this.animation.export()
  })
 },
 rotateAndScaleThenTranslate: function () {
  // 先旋轉(zhuǎn)同時(shí)放大，然后平移
  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()

停止當(dāng)前頁(yè)面下拉刷新。詳見(jiàn) 頁(yè)面相關(guān)事件處理函數(shù)。

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

相關(guān)文章

  • XMLHTTPRequest的屬性和方法簡(jiǎn)介

    XMLHTTPRequest的屬性和方法簡(jiǎn)介

    由于現(xiàn)在在公司負(fù)責(zé)制作標(biāo)準(zhǔn)的靜態(tài)頁(yè)面，為了增強(qiáng)客戶體驗(yàn)，所以經(jīng)常要做些AJAX效果，也許你也和我一樣在，學(xué)習(xí)AJAX。
    2010-11-11
  • js實(shí)現(xiàn)右鍵自定義菜單

    js實(shí)現(xiàn)右鍵自定義菜單

    這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)右鍵菜單功能,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
    2016-12-12
  • uni-app實(shí)現(xiàn)全局水印示例詳解

    uni-app實(shí)現(xiàn)全局水印示例詳解

    這篇文章主要為大家介紹了uni-app實(shí)現(xiàn)全局水印示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
    2023-07-07
  • javascript中sort()的用法實(shí)例分析

    javascript中sort()的用法實(shí)例分析

    這篇文章主要介紹了javascript中sort()的用法,實(shí)例分析了sort()的功能、定義及使用技巧,需要的朋友可以參考下
    2015-01-01
  • javascript 函數(shù)的暫停和恢復(fù)實(shí)例詳解

    javascript 函數(shù)的暫停和恢復(fù)實(shí)例詳解

    這篇文章主要介紹了javascript 函數(shù)的暫停和恢復(fù),結(jié)合實(shí)例形式詳細(xì)分析了javascript 函數(shù)的暫停和恢復(fù)相關(guān)原理、實(shí)現(xiàn)方法及操作注意事項(xiàng),需要的朋友可以參考下
    2020-04-04
  • JS實(shí)現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法

    JS實(shí)現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法

    這篇文章主要介紹了JS實(shí)現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法,涉及javascript對(duì)XML文件的解析技巧,并根據(jù)各瀏覽器進(jìn)行了相關(guān)調(diào)整,具有良好的兼容性,需要的朋友可以參考下
    2015-06-06
  • 基于js文件加載優(yōu)化(詳解)

    基于js文件加載優(yōu)化(詳解)

    下面小編就為大家分享一篇基于js文件加載優(yōu)化(詳解)，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
    2018-01-01
  • js中settimeout方法加參數(shù)

    js中settimeout方法加參數(shù)

    這篇文章主要介紹了js中settimeout方法加參數(shù),需要的朋友可以參考下
    2014-02-02
  • Javascript 高性能之遞歸，迭代，查表法詳解及實(shí)例

    Javascript 高性能之遞歸，迭代，查表法詳解及實(shí)例

    這篇文章主要介紹了Javascript 高性能之遞歸，迭代，查表法詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下
    2017-01-01
  • JS倒計(jì)時(shí)實(shí)例_天時(shí)分秒

    JS倒計(jì)時(shí)實(shí)例_天時(shí)分秒

    下面小編就為大家?guī)?lái)一篇JS倒計(jì)時(shí)實(shí)例_天時(shí)分秒。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08

最新評(píng)論