wechat miniprogram dialog

diálogo do miniprograma wechat

característica

• Imite o estilo oficial da janela pop-up
• Suporte para ajustar a transparência modal
• Apoie a obtenção de Formid
• Suporte para abertura da função de capacidade aberta do WeChat

download

git clone https://github.com/simsir-lin/wechat-miniprogram-dialog.git

DEMONSTRAÇÃO

1. Abra a ferramenta de desenvolvedor web WeChat, 'Local Mini Program Project - Add Project' e selecione o diretório do projeto como o diretório miniprogram_dev.

usar

1. Instalar

npm install --save wechat-miniprogram-dialog

2. Cada introdução ou atualização deve primeiro executar a compilação npm das ferramentas do desenvolvedor, documentação oficial do npm do WeChat
3. Adicione json na sua página

 {
  "usingComponents" : {
    "dialog" : "wechat-miniprogram-dialog"
  }
}

4. Componentes podem ser usados ​​em wxml

 < dialog > </ dialog >

Depuração e desenvolvimento

1. Abra a ferramenta de desenvolvedor web WeChat, 'Local Mini Program Project - Add Project' e selecione o diretório do projeto como o diretório miniprogram_dev.
2. Instalar dependências npm install
3. Comando de construção npm run dev
4. Para obter mais informações de ajuda, consulte a documentação de ajuda

Perceber

• Biblioteca básica do miniprograma versão 2.2.1 ou superior e ferramentas de desenvolvedor 1.02.1808300 ou superior.

Adereços

nome	descrição	tipo	valor padrão
título	título	Corda	dica
largura	largura	Corda	650rpx
opacidade	Transparência da camada modal	Número	0,4
closeOnClickModal	É possível fechar a janela pop-up clicando na camada modal?	Booleano	falso
animação	Ative a animação	Booleano	verdadeiro
confirmarTexto	Texto do botão OK	Corda	Claro
cancelarTexto	Texto do botão Cancelar	Corda	Cancelar
confirmarCor	Determine a cor do texto do botão	Corda	#333333 (suporte RGBA)
cancelarCor	Cor do texto do botão Cancelar	Corda	#999999 (suporte RGBA)
mostrarConfirmar	Se deve exibir o botão OK	Booleano	verdadeiro
mostrar Cancelar	Se deve exibir um botão cancelar	Booleano	verdadeiro
confirmarBackgroundColor	Determinar a cor de fundo do botão	Corda	#ffffff(suporta RGBA)
cancelarBackgroundColor	Cor de fundo do botão Cancelar	Corda	#ffffff(suporta RGBA)
confirmarOpenType	Para determinar os recursos de abertura do botão WeChat, consulte https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Corda
cancelarOpenType	Para cancelar o botão de abertura do WeChat, consulte https://developers.weixin.qq.com/miniprogram/dev/component/button.html	Corda
carregando	Verifique se o botão de confirmação possui um ícone de carregamento	Booleano	verdadeiro
reunirFormId	Se deve coletar formId	Booleano	verdadeiro
appParameter	Ao abrir o APP, os parâmetros passados ​​para o APP são válidos quando *-open-type="launchApp"	Corda
sessãoDe	Fonte da sessão, válida quando *-open-type="contact"	Corda
posição	Posição, incluindo centro, superior, inferior	Corda	centro

eventos

nome	descrição	parâmetros
abrir	quando a janela abre
fechar	quando a janela está fechada
cancelar	Clique em Cancelar
confirmar	Clique para confirmar
getFormId	Fique formidável	evento.detalhe.formId
obter informações do usuário	Ao clicar no botão, serão retornadas as informações obtidas do usuário, válidas quando *-open-type="getUserInfo"	evento.detalhe
contato	Retorno de chamada da mensagem de atendimento ao cliente, válido quando *-open-type="contact"
obter número de telefone	Retorno de chamada para obter o número do celular do usuário, válido quando *-open-type="getPhoneNumber"	evento.detalhe
configuração aberta	Chamado após abrir a página de configuração de autorização, válido quando *-open-type="openSetting"
iniciar aplicativo	Retorno de chamada para abertura bem-sucedida do APP, válido quando *-open-type="launchApp"

contribuir

Se você tiver algum bom comentário ou sugestão, sinta-se à vontade para levantar um problema comigo!