Skip to content

interface

Interativo

showtoast

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

showToast(Object object)

Exibir caixa de prompt de mensagem

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
titlestringyesConteúdo do prompt
iconstring'success'noícone
imagestringnoCaminho local personalizado, a imagem tem uma prioridade mais alta que o ícone
durationnumber1500noTempo de atraso imediato
maskbooleanfalsenoSe deve exibir máscara transparente para evitar a penetração do toque
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

object.icon Legal value

valueIntroduções
successExibir o ícone de sucesso, neste momento, título Texto max Display 7 Comprimento dos caracteres chineses
loadingExibir o ícone de carga, neste momento o texto do título max exibir 7 comprimento de caracteres chineses
errorExibe o ícone de falha, em um ponto de título de ponto max exibição 7 comprimento do caractere chinês
noneNão exibe ícones, neste momento a tabela de até duas linhas de texto, 1.9.0 e sobre suporte

sample code

javascript
pz.showToast({
  title: 'Success',
  icon: 'success',
  duration: 2000
})

tenha cuidado

  • pz.showLoading e pz.showToast Só pode dispersão de cada vez
  • pz.showToast Deve pz.hideToast Uso pareado

ShowModal

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

showModal(Object object)

Exibir caixa de diálogo modal

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
titlestringnoTítulo da Tip
contentstringnoConteúdo do prompt
showCancelbooleantruenoMostre o botão Cancelar
cancelTextstringcancelnoCancelar no texto, até 4 caracteres
cancelColorstringTema claro #191919; Tema escuro #A5A5A5noA cor do texto do cancelamento deve ser 16 cordas de cores em formato binário
confirmTextstringdeterminenoConfirme no texto, suba 4 chacrcter
confirmColorstringTema claro #409EFF; Tema escuro #368CE4noConfirme na cor do texto, deve ser 16 cordas de cores em formato binário
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

object.success callback

parameter

Object res

attributetypeIntroduções
confirmbooleanpara verdade quando o usuário clica no OK
cancelbooleanPara true, indica que o usuário clicou em cancelar para o Android que o sistema distingue entre clicar na máscara para fechar ou clicar no cancelamento para fechar.)

sample code

javascript
pz.showModal({
  title:  "Hint" ?
  content: 'This is a modal pop-up. '
  success (res) {
    if (res.confirm) {
      console.log( "User clicks OK." )
    } else if (res.cancel) {
      console.log('User clicks to cancel '-)
    }
  }
})

Showloading

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

showLoading(Object object)

Exibir caixa de sugestões de carregamento. CHAMADA ATIVO pz.hideLoading para fechar o Prombt

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
titlestringyesConteúdo do prompt
maskbooleanfalsenoSe deve exibir máscara transparente para evitar a penetração do toque
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

javascript
pz.showLoading({
  title: 'Loading',
})

setTimeout(function () {
  pz.hideLoading()
}, 2000)

tenha cuidado

  • pz.showLoading e pz.showToast Só pode dispersão de cada vez
  • pz.showLoading Deve pz.hideLoading Uso pareado

ShowActionSheet

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

showActionSheet(Object object)

Exibir menu de ação

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
itemListArray.<string>yesUma variedade de texto para ons cujo máximo é 6
itemColorstring#000000noButton Text Color
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

object.success callback

parameter

Object res

attributetypeIntroduções
tapIndexnumberNúmero de ONS o usuário clique, de cima para baixo, começando com 0

Código de amostra

javascript
pz.showActionSheet({
  itemList: ['A', 'B', 'C'],
  success(res) {
    console.log(res.tapIndex)
  },
  fail(res) {
    console.log(res.errMsg)
  }
})

Hidetoast

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

hideToast(Object object)

Ocultar caixa de prompt de mensagem

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

Hideloading

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

hideLoading(Object object)

Ocultar caixa de prompt de carregamento

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

EnableAlertBeforeUnload

Suporte da biblioteca base de 2.11.5, iOS versão 2.35.1, Android versão 2.35.1

enableAlertBeforeUnload(Object object)

Abra a página do phizclip para retornar à caixa de diálogo Inquérito

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
messagestringyesInterface chama a função de retorno de chamada bem -sucedida
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

desabilitEalertBeforeUnload

Suporte da biblioteca base de 2.11.5, iOS versão 2.35.1, Android versão 2.35.1

disableAlertBeforeUnload(Object object)

Abrir página do phizclip para voltar ao diálogo de consulta

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

Barra de navegação

mostradovigationbarloading

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

showNavigationBarLoading(Object object)

Mostre a animação de carregamento da barra de navegação na página atual

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

SetNavigationBartital

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

setNavigationBarTitle(Object object)

Defina dinamicamente o título da página atual

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
titlestringyesTítulo da página
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

Código de amostra

javascript
pz.setNavigationBarTitle({
  title: 'Current page'
})

SetNavigationBarcolor

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

setNavigationBarColor(Object object)

Defina a cor da barra de navegação da página

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
frontColorstringyesOs valores de cores em primeiro plano, incluindo a cor da barra On, Title e Status, são suporte#fffff e#000000
backgroundColorstringyesValor da cor de fundo, valor é hexadecimal colorido
animationObjectnoEfeito de animação
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

object.animation Structure

attributetypeDefault valuesRequiredIntroduções
durationnumber0noTempo de mudança de animação, unidade MS
timingFuncstring'linear'noModo de mudança de animação

object.animation.timingFunc Legal value

valueIntroduções
'linear'A animação se move na velocidade do início ao fim
'easeIn'A animação começa em baixa velocidade
'easeOut'A animação termina em baixa velocidade
'easeInOut'A animação começa e termina em baixas velocidades

sample code

javascript
pz.setNavigationBarColor({
  frontColor: '#ffffff',
  backgroundColor: '#ff0000',
  animation: {
    duration: 400,
    timingFunc: 'easeIn'
  }
})

HiddenAvigationBarloading

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

hideNavigationBarLoading(Object object)

Ocultar a barra de navegação na página atual Carregar Animação

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

fundo

setbackgroundTextsle

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

pz.setBackgroundTextStyle(Object object)

Dyfado dinamicamente-Fonte de fundo para baixo, estilo de carregamento de gráfico

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
textStylestringyesLargue a fonte dupla, carregando o estilo do diagrama.
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

object.textStyle Legal value

valueIntroduções
darktema escuro
lighttema claro

sample code

javascript
pz.setBackgroundTextStyle({
  textStyle: 'dark' // Drop Down Background Font, Loading The style of the diagram is dark
})

setbackgroundcolor

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

pz.setBackgroundColor(Object object)

Defina dinamicamente a cor de fundo da janela

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
backgroundColorstringnoA cor de fundo da janela deve ser o valor da cor hexadecimal
backgroundColorTopstringnoTA cor de fundo da janela superior deve ser um valor de cor hexadecimal, e apenas o suporte do iOS
backgroundColorBottomstringnoA cor de fundo da janela inferior deve ser um valor de cor hexadecimal, e apenas o suporte do iOS
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

javascript
pz.setBackgroundColor({
  backgroundColor: '#ffffff', // The background color of the window is white
})

pz.setBackgroundColor({
  backgroundColorTop: '#ffffff', // The background color of the top window is white
  backgroundColorBottom: '#ffffff', // The background color of the bottom window is white
})

Barra de abas

ShowtabBarredDot

pz.showTabBarRedDot(Object object)

Exibir tabbar o ponto vermelho no canto superior direito de um item

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
indexnumberyesTabbar qual é o todo? Da esquerda.
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

Showtabbar

pz.showTabBar(Object object)

Exiba TabBar

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
animationbooleanfalsenoVocê precisa de efeitos de animação?
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

SettTabbastyle

pz.setTabBarStyle(Object object)

Configurações dinâmicas Estilo TabBar Geral

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
colorstringnoguia cor padrão para texto no hexcolor
selectedColorstringnoGuia Cor do texto selecionado no hexcolor
backgroundColorstringnoguia a cor de fundo do hexcolor
borderStylestringnoA cor da borda superior da barra de guias, suporta apenas preto/branco
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

js
pz.setTabBarStyle({
  color: '#FF0000',
  selectedColor: '#00FF00',
  backgroundColor: '#0000FF',
  borderStyle: 'white'
})

Setttabbaritem

pz.setTabBarItem(Object object)

Configurações dinâmicas TabBar o conteúdo de um item, 2.7.0 Arquivos de temperatura e arquivos de rede são suportados

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
indexnumberyesTabbar qual é o todo? Da esquerda.
textstringnoBotão da guia Texto
iconPathstringnoCaminho de Pação, o limite de tamanho do ícone é de 40kb, tamanho de 81px * 81px, quando a posição para cima deste parâmetro é inválida quando
selectedIconPathstringnoCaminho da imagem Quando selecionado, o limite de tamanho do ícone é de 40kb, tamanho recomendado 81px * 81px Quando a posição para o topo deste parâmetro é inválida quando
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

js
pz.setTabBarItem({
  index: 0,
  text: 'text',
  iconPath: '/path/to/iconPath',
  selectedIconPath: '/path/to/selectedIconPath'
})

SetttabBarbadge

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

Para TabBar, adicione texto ao canto superior direito de um item

attributetypeDefault valuesRequiredIntroduções
indexnumbernoTabbar qual é o todo? Da esquerda.
textstringnoTexto exibido, excedendo 4 caracteres são exibidos como ...
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

javascript
pz.setTabBarBadge({
  index: 0,
  text: '1'
})

Removetabbarbadge

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

Para remover o texto TabBar na parte superior-Canto direito de um item

attributetypeDefault valuesRequiredIntroduções
indexnumbernoTabbar qual é o todo? Da esquerda.
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

HidetabBarredDot

pz.hideTabBarRedDot(Object object)

Ocultar tabbar o ponto vermelho no canto superior direito de um item

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
indexnumberyesTabbar qual é o todo? Da esquerda.
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

HIDETABBAR

pz.hideTabBar(Object object)

Ocultar tabbar

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
animationbooleanfalsenoVocê precisa de efeitos de animação?
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

Tipo de letra

LoadFontface

pz.loadFontFace(Object object)

Carregar a fonte da rede dinamicamente. O endereço do arquivo deve ser do tipo de download.

Cuidado.

  1. O tipo de conteúdo retornado pelo arquivo de fonte está referenciado como fonte , a análise falhará se o formato estiver incorreto
  2. O link da fonte deve ser Yeshttps (o iOS não suporta HTTP)
  3. O suporte do CORS deve ser ativado para vincular a fonte *.
  4. Faild to Carrent Font pode ser ignorado no Toolip

parameter

Object object

attributetypeDefault valuesRequiredIntroductionsVersão mínima
globalbooleanfalsenoWhether global effect2.10.0
familystringyesDefined font name
sourcestringyesFont resource address. Suggested formats are TTF and WOFF. WOFF2 is not compatible with lower versions of iOS
descObjectnoOptional font descriptor
scopesArraynoFont resource address. Suggested formats are TTF and WOFF. WOFF2 is not compatible with lower versions of iOS.
successfunctionnoInterface calls the successful callback function
failfunctionnoInterface calls failed callback functions
completefunctionnoCallback function at the end of an interface call (both successful and unsuccessful calls are executed)

object.desc Structure

attributetypeDefault valuesRequiredIntroduções
stylestring'normal'noEstilo de fonte. Os valores incluem normal, itálico e oblíquo
weightstring'normal'noFOnt Ont. Os valores incluem normal, negrito, 100, 200, ... 900
variantstring'normal'noDefina o texto de exibição da fonte para pequenas letras maiúsculas. Os valores incluem normal, pequeno, pequeno,-bonés, e herdar
Exmple

object.success callback

parameter

Object res

attributetypeIntroduções
statusstringCarregando resultados da fonte

object.fail callback

parameter

Object res

attributetypeIntroduções
statusstringCarregando resultados da fonte

object.complete callback

parameter

Object res

attributetypeIntroduções
statusstringCarregando resultados da fonte

sample code

js
pz.loadFontFace({
  family: 'Bitstream Vera Serif Bold',
  source: 'url( "https://sungd.github.io/Pacifico.ttf" )',
  success: console.log
})

Puxe para baixo para atualizar

startpulldownRefresh

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

startpulldownRefresh (objeto)

Interrompe a atualização de dropdown da página atual

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

javascript
pz.startPullDownRefresh()

StoppullDownRefresh

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

stopPullDownRefresh(Object object)

Pare a queda da página atual-Download

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
successfunctionnoInterface chama a função de retorno de chamada bem -sucedida
failfunctionnoChamadas de interface Funções de retorno de chamada falhas
completefunctionnoFunção de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas)

sample code

javascript
Page({
  onPullDownRefresh() {
    pz.stopPullDownRefresh()
  }
})

Rolar

Pagescrollto

pz.pageScrollTo(Object object)

Role a página até o local de destino, suportando seleção e posicionamento de distância de rolagem de duas maneiras

parameter

Object object

attributetypeDefault valuesRequiredIntroductionsVersão mínima
scrollTopnumbernoSCrolle para a logação de destino na página, unidade px
durationnumber300noComprimento da animação de rolagem, nas unidades MS
selectorstringnoSelector2.7.3
offsetTopnumbernoOffset distance, to be used with the selector parameter, scrolls to the position where the selector adds the offset distance, in px3.0.8
successfunctionnoInterface calls the successful callback function
failfunctionnoInterface calls failed callback functions
completefunctionnoCallback function at the end of an interface call (both successful and unsuccessful calls are executed)

selector grammar

Os seletores são semelhantes ao CSS, mas apenas a sintaxe a seguir é suportada.

  • Seletor de identificação:#o-EU IA
  • Seletor de classe (você pode especificar mais de um em uma linha): a-Class.Other-aula
  • Seletor de elementos filhos:.-pai> .THO-criança
  • Seletor de descendente :. o-Ancester-descendente
  • Seletor de descendente em componentes personalizados :. o-Ancester >>> .. o-descendente
  • União de vários seletores:#A-nó,. Alguns-Outro-nós

sample code

js
pz.pageScrollTo({
  scrollTop: 0,
  duration: 300
})

ScrollViewContext

Suporte da biblioteca base de 3.0.45

rolagem-Veja a instância aprimorada

sample code

javascript
// get ScrollViewContext
pz.createSelectorQuery()
  .select('#scroll-view')
  .node()
  .exec((res) => {
    const scrollViewContext = res[0].node;
  })

Propriedades do ScrollViewContext

attributetypeIntroduções
scrollEnabledboolean

sample code

javascript
pz.createSelectorQuery()
  .select('#scroll-view')
  .node()
  .exec((res) => {
    const scrollViewContext = res[0].node;
    scrollViewContext.scrollEnabled = false
  })

Método ScrollViewContext

ScrollIntoView

scrollIntoView(String selector)

Role até a posição especificada

selector params

String selector

attributetypeDefault valuesRequiredIntroductionsVersão mínima
selectorstringyeselement selector3.0.45

sample code

javascript
pz.createSelectorQuery()
  .select('#scroll-view')
  .node()
  .exec((res) => {
    const scrollViewContext = res[0].node;
    scrollViewContext.scrollIntoView('.some-class');
  })

Scrollto

scrollTo(Object object)

Role até a posição especificada

selector params

Object object

attributetypeDefault valuesRequiredIntroductionsVersão mínima
topnumbernodistance from top3.0.45
leftnumbernodistance from left3.0.45
velocitynumbernoinitial speed(Not supported)3.0.45
durationnumber300noscroll animation duration3.0.45
animatedbooleanfalsenoenable scrolling animation3.0.45

sample code

javascript
pz.createSelectorQuery()
  .select('#scroll-view')
  .node()
  .exec((res) => {
    const scrollViewContext = res[0].node;
    scrollViewContext.scrollTo({
      top: 0,
      duration: 400,
      animated: false
    });
  })

animação

Createanimation

Animation pz.createAnimation(Object object)

Crie uma instância de animação AnimationCall Os métodos da instância para descrever a animação. Finalmente, por meio do método de exportação de postura para exportar dados de suporte ANI passados ​​para a animação componente adequada

parameter

Object object

attributetypeDefault valuesRequiredIntroduções
durationnumber400noDuração da animação, unidade MS
timingFunctionstring'linear'noEfeito de animação
delaynumber0noTempo de atraso de animação, unidade MS
transformOriginstring'50% 50% 0'no

Valor legal da Função de Tempo

valueIntroductionsVersão mínima
'linear'Animation moves at the same speed from start to finish
'ease'Animation starts at low speed, then speeds up and slows down before ending
'ease-in'Animation begins at low speed
'ease-in-out'Animation starts and ends at low speeds
'ease-out'Animation ends at low speed
'step-start'The first frame of the animation jumps to the end state until the end
'step-end'The animation stays in the start state until the last frame jumps to the end state

Return value

Animation

Animação

Objeto de animação

method

  • Array.<Object> Animation.export()
    Exportar a fila de animação.Export Método limpa a animação anterior após a chamada

  • Animation Animation.step(Object object)
    Indica que um conjunto de animações está concluído. Você pode chamar qualquer número de métodos de animação em um grupo de animações, todas as animações em um grupo Money Me Time, um grupo de animação será concluído antes da próxima animação do grupo

  • Animation Animation.matrix()
    com transform-Matriz de função

  • Animation Animation.matrix3d()
    com transform-Função matrix3d

  • Animation Animation.rotate(number angle)
    Gire um ângulo no sentido horário da origem

  • Animation Animation.rotate3d(number x, number y, number z, number angle)
    De fixo o eixo gira um ângulo no sentido horário

  • Animation Animation.rotateX(number angle)
    De x o eixo gira um ângulo no sentido horário

  • Animation Animation.rotateY(number angle)
    De e o eixo gira um ângulo no sentido horário

  • Animation Animation.rotateZ(number angle)
    De com o eixo gira um ângulo no sentido horário

  • Animation Animation.scale(number sx, number sy)
    escala

  • Animation Animation.scale3d(number sx, number sy, number sz)
    escala

  • Animation Animation.scaleX(number scale)
    escala x eixo

  • Animation Animation.scaleY(number scale)
    escala y eixo

  • Animation Animation.scaleZ(number scale)
    Escala do eixo z

  • Animation Animation.skew(number ax, number ay)
    Sim x, y inclinar o eixo

  • Animation Animation.skewX(number angle)
    Sim x inclinar o eixo

  • Animation Animation.skewY(number angle)
    Sim, incline o eixo

  • Animation Animation.translate(number tx, number ty)
    Transformação da tradução

  • Animation Animation.translate3d(number tx, number ty, number tz)
    Sim Tradução de coordenadas xyz

  • Animation Animation.translateX(number translation)
    Sim x tradução axial

  • Animation Animation.translateY(number translation)
    Sim e tradução axial

  • Animation Animation.translateZ(number translation)
    Sim Tradução Axial Z

  • Animation Animation.opacity(number value)
    Defina a transparência

  • Animation Animation.backgroundColor(string value)
    Defina a cor do fundo

  • Animation Animation.width(number|string value)
    Defina a largura

  • Animation Animation.height(number|string value)
    Altura definida

  • Animation Animation.left(number|string value)
    Configurar o valor esquerdo

  • Animation Animation.right(number|string value)
    Configurar o valor certo

  • Animation Animation.top(number|string value)
    Configurar o valor superior

  • Animation Animation.bottom(number|string value)
    Configurar o valor inferior

Componentes personalizados

NextTick

pz.nextTick(function callback)

Adiando algumas operações para a próxima fatia do tempo.

parameter

function callback

Introductions

Como o componente Cust SetData e Triggervent tais interfaces são operações síncronas, quando o intervenção n um processo síncrono; portanto, se a lógica não for apropriada, pode levar a erros.

Casos extremos: quando o componente pai SetData que aumenta o evento de gatilho, o branco faz com que o componente de tinta fosse preso, com a passagem do WX: se a declaração pode causar erros estranhos desinstalando subcomponentes, para que você possa usar essa interface para desmembrar a próxima vez que Slice Para a lógica que não precisa ser concluída em um processo síncrono

sample code

js
Component({
  doSth() {
    this.setData({ number: 1 }) // Execute directly in the current synchronization process

    pz.nextTick(() => {
      this.setData({ number: 3 }) // After the current synchronization process ends, the next time slice executes
    })

    this.setData({ number: 2 }) // Execute directly in the current synchronization process
  }
})

Cardápio

GetMenubuttonBoundingClientRect

Suporte da biblioteca base de 1.3.9, iOS versão 2.1.23, Android versão 2.1.38

Obtém informações de layout para o menu na cápsula no canto direito do usuário. Informações da coordenação-Deixe canto da tela como origem

attributetypeIntroduções
widthnumberlargura em px
heightnumberaltura, em px
topnumberCoordenadas do limite superior, em px
rightnumberCoordenadas da borda direita, em px
bottomnumberCoordenadas da borda inferior, em px
leftnumberCoordenadas da borda esquerda, em px