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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| title | string | yes | Conteúdo do prompt | |
| icon | string | 'success' | no | ícone |
| image | string | no | Caminho local personalizado, a imagem tem uma prioridade mais alta que o ícone | |
| duration | number | 1500 | no | Tempo de atraso imediato |
| mask | boolean | false | no | Se deve exibir máscara transparente para evitar a penetração do toque |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| value | Introduções |
|---|---|
| success | Exibir o ícone de sucesso, neste momento, título Texto max Display 7 Comprimento dos caracteres chineses |
| loading | Exibir o ícone de carga, neste momento o texto do título max exibir 7 comprimento de caracteres chineses |
| error | Exibe o ícone de falha, em um ponto de título de ponto max exibição 7 comprimento do caractere chinês |
| none | Não exibe ícones, neste momento a tabela de até duas linhas de texto, 1.9.0 e sobre suporte |
sample code
pz.showToast({
title: 'Success',
icon: 'success',
duration: 2000
})tenha cuidado
pz.showLoadingepz.showToastSó pode dispersão de cada vezpz.showToastDevepz.hideToastUso 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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| title | string | no | Título da Tip | |
| content | string | no | Conteúdo do prompt | |
| showCancel | boolean | true | no | Mostre o botão Cancelar |
| cancelText | string | cancel | no | Cancelar no texto, até 4 caracteres |
| cancelColor | string | Tema claro #191919; Tema escuro #A5A5A5 | no | A cor do texto do cancelamento deve ser 16 cordas de cores em formato binário |
| confirmText | string | determine | no | Confirme no texto, suba 4 chacrcter |
| confirmColor | string | Tema claro #409EFF; Tema escuro #368CE4 | no | Confirme na cor do texto, deve ser 16 cordas de cores em formato binário |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Introduções |
|---|---|---|
| confirm | boolean | para verdade quando o usuário clica no OK |
| cancel | boolean | Para 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
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| title | string | yes | Conteúdo do prompt | |
| mask | boolean | false | no | Se deve exibir máscara transparente para evitar a penetração do toque |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
pz.showLoading({
title: 'Loading',
})
setTimeout(function () {
pz.hideLoading()
}, 2000)tenha cuidado
pz.showLoadingepz.showToastSó pode dispersão de cada vezpz.showLoadingDevepz.hideLoadingUso 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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| itemList | Array.<string> | yes | Uma variedade de texto para ons cujo máximo é 6 | |
| itemColor | string | #000000 | no | Button Text Color |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Introduções |
|---|---|---|
| tapIndex | number | Número de ONS o usuário clique, de cima para baixo, começando com 0 |
Código de amostra
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| message | string | yes | Interface chama a função de retorno de chamada bem -sucedida | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| title | string | yes | Título da página | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| frontColor | string | yes | Os valores de cores em primeiro plano, incluindo a cor da barra On, Title e Status, são suporte#fffff e#000000 | |
| backgroundColor | string | yes | Valor da cor de fundo, valor é hexadecimal colorido | |
| animation | Object | no | Efeito de animação | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| duration | number | 0 | no | Tempo de mudança de animação, unidade MS |
| timingFunc | string | 'linear' | no | Modo de mudança de animação |
object.animation.timingFunc Legal value
| value | Introduçõ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
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| textStyle | string | yes | Largue a fonte dupla, carregando o estilo do diagrama. | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| value | Introduções |
|---|---|
| dark | tema escuro |
| light | tema claro |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| backgroundColor | string | no | A cor de fundo da janela deve ser o valor da cor hexadecimal | |
| backgroundColorTop | string | no | TA cor de fundo da janela superior deve ser um valor de cor hexadecimal, e apenas o suporte do iOS | |
| backgroundColorBottom | string | no | A cor de fundo da janela inferior deve ser um valor de cor hexadecimal, e apenas o suporte do iOS | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| index | number | yes | Tabbar qual é o todo? Da esquerda. | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| animation | boolean | false | no | Você precisa de efeitos de animação? |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| color | string | no | guia cor padrão para texto no hexcolor | |
| selectedColor | string | no | Guia Cor do texto selecionado no hexcolor | |
| backgroundColor | string | no | guia a cor de fundo do hexcolor | |
| borderStyle | string | no | A cor da borda superior da barra de guias, suporta apenas preto/branco | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| index | number | yes | Tabbar qual é o todo? Da esquerda. | |
| text | string | no | Botão da guia Texto | |
| iconPath | string | no | Caminho 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 | |
| selectedIconPath | string | no | Caminho 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 | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| index | number | no | Tabbar qual é o todo? Da esquerda. | |
| text | string | no | Texto exibido, excedendo 4 caracteres são exibidos como ... | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| index | number | no | Tabbar qual é o todo? Da esquerda. | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| index | number | yes | Tabbar qual é o todo? Da esquerda. | |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| animation | boolean | false | no | Você precisa de efeitos de animação? |
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Funçã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.
- O tipo de conteúdo retornado pelo arquivo de fonte está referenciado como fonte , a análise falhará se o formato estiver incorreto
- O link da fonte deve ser Yeshttps (o iOS não suporta HTTP)
- O suporte do CORS deve ser ativado para vincular a fonte *.
- Faild to Carrent Font pode ser ignorado no Toolip
parameter
Object object
| attribute | type | Default values | Required | Introductions | Versão mínima |
|---|---|---|---|---|---|
| global | boolean | false | no | Whether global effect | 2.10.0 |
| family | string | yes | Defined font name | ||
| source | string | yes | Font resource address. Suggested formats are TTF and WOFF. WOFF2 is not compatible with lower versions of iOS | ||
| desc | Object | no | Optional font descriptor | ||
| scopes | Array | no | Font resource address. Suggested formats are TTF and WOFF. WOFF2 is not compatible with lower versions of iOS. | ||
| success | function | no | Interface calls the successful callback function | ||
| fail | function | no | Interface calls failed callback functions | ||
| complete | function | no | Callback function at the end of an interface call (both successful and unsuccessful calls are executed) |
object.desc Structure
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| style | string | 'normal' | no | Estilo de fonte. Os valores incluem normal, itálico e oblíquo |
| weight | string | 'normal' | no | FOnt Ont. Os valores incluem normal, negrito, 100, 200, ... 900 |
| variant | string | 'normal' | no | Defina 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
| attribute | type | Introduções |
|---|---|---|
| status | string | Carregando resultados da fonte |
object.fail callback
parameter
Object res
| attribute | type | Introduções |
|---|---|---|
| status | string | Carregando resultados da fonte |
object.complete callback
parameter
Object res
| attribute | type | Introduções |
|---|---|---|
| status | string | Carregando resultados da fonte |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| success | function | no | Interface chama a função de retorno de chamada bem -sucedida | |
| fail | function | no | Chamadas de interface Funções de retorno de chamada falhas | |
| complete | function | no | Função de retorno de chamada no final de uma chamada de interface (as chamadas bem -sucedidas e pouco sucedidas são executadas) |
sample code
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
| attribute | type | Default values | Required | Introductions | Versão mínima |
|---|---|---|---|---|---|
| scrollTop | number | no | SCrolle para a logação de destino na página, unidade px | ||
| duration | number | 300 | no | Comprimento da animação de rolagem, nas unidades MS | |
| selector | string | no | Selector | 2.7.3 | |
| offsetTop | number | no | Offset distance, to be used with the selector parameter, scrolls to the position where the selector adds the offset distance, in px | 3.0.8 | |
| success | function | no | Interface calls the successful callback function | ||
| fail | function | no | Interface calls failed callback functions | ||
| complete | function | no | Callback 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
pz.pageScrollTo({
scrollTop: 0,
duration: 300
})ScrollViewContext
Suporte da biblioteca base de 3.0.45
rolagem-Veja a instância aprimorada
sample code
// get ScrollViewContext
pz.createSelectorQuery()
.select('#scroll-view')
.node()
.exec((res) => {
const scrollViewContext = res[0].node;
})Propriedades do ScrollViewContext
| attribute | type | Introduções |
|---|---|---|
| scrollEnabled | boolean |
sample code
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
| attribute | type | Default values | Required | Introductions | Versão mínima |
|---|---|---|---|---|---|
| selector | string | yes | element selector | 3.0.45 |
sample code
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
| attribute | type | Default values | Required | Introductions | Versão mínima |
|---|---|---|---|---|---|
| top | number | no | distance from top | 3.0.45 | |
| left | number | no | distance from left | 3.0.45 | |
| velocity | number | no | initial speed(Not supported) | 3.0.45 | |
| duration | number | 300 | no | scroll animation duration | 3.0.45 |
| animated | boolean | false | no | enable scrolling animation | 3.0.45 |
sample code
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
| attribute | type | Default values | Required | Introduções |
|---|---|---|---|---|
| duration | number | 400 | no | Duração da animação, unidade MS |
| timingFunction | string | 'linear' | no | Efeito de animação |
| delay | number | 0 | no | Tempo de atraso de animação, unidade MS |
| transformOrigin | string | '50% 50% 0' | no |
Valor legal da Função de Tempo
| value | Introductions | Versã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 chamadaAnimation 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 grupoAnimation Animation.matrix()
com transform-Matriz de funçãoAnimation Animation.matrix3d()
com transform-Função matrix3dAnimation Animation.rotate(number angle)
Gire um ângulo no sentido horário da origemAnimation Animation.rotate3d(number x, number y, number z, number angle)
De fixo o eixo gira um ângulo no sentido horárioAnimation Animation.rotateX(number angle)
De x o eixo gira um ângulo no sentido horárioAnimation Animation.rotateY(number angle)
De e o eixo gira um ângulo no sentido horárioAnimation Animation.rotateZ(number angle)
De com o eixo gira um ângulo no sentido horárioAnimation Animation.scale(number sx, number sy)
escalaAnimation Animation.scale3d(number sx, number sy, number sz)
escalaAnimation Animation.scaleX(number scale)
escala x eixoAnimation Animation.scaleY(number scale)
escala y eixoAnimation Animation.scaleZ(number scale)
Escala do eixo zAnimation Animation.skew(number ax, number ay)
Sim x, y inclinar o eixoAnimation Animation.skewX(number angle)
Sim x inclinar o eixoAnimation Animation.skewY(number angle)
Sim, incline o eixoAnimation Animation.translate(number tx, number ty)
Transformação da traduçãoAnimation Animation.translate3d(number tx, number ty, number tz)
Sim Tradução de coordenadas xyzAnimation Animation.translateX(number translation)
Sim x tradução axialAnimation Animation.translateY(number translation)
Sim e tradução axialAnimation Animation.translateZ(number translation)
Sim Tradução Axial ZAnimation Animation.opacity(number value)
Defina a transparênciaAnimation Animation.backgroundColor(string value)
Defina a cor do fundoAnimation Animation.width(number|string value)
Defina a larguraAnimation Animation.height(number|string value)
Altura definidaAnimation Animation.left(number|string value)
Configurar o valor esquerdoAnimation Animation.right(number|string value)
Configurar o valor certoAnimation Animation.top(number|string value)
Configurar o valor superiorAnimation 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
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
| attribute | type | Introduções |
|---|---|---|
| width | number | largura em px |
| height | number | altura, em px |
| top | number | Coordenadas do limite superior, em px |
| right | number | Coordenadas da borda direita, em px |
| bottom | number | Coordenadas da borda inferior, em px |
| left | number | Coordenadas da borda esquerda, em px |