Vant Aliapp

Nota: O armazém foi fechado

Se você está procurando outras alternativas, é recomendável usar a versão oficial do applet do ANTD fornecido pelo oficial

---

Biblioteca de componente de Applet UI de Applet leve e confiável

introduzir

Vant Aliapp é a versão do Applet Alipay da biblioteca de componentes Vant Vue. Os dois são baseados nas mesmas especificações visuais e fornecem uma interface de API consistente para ajudar os desenvolvedores a criar aplicativos de applet rapidamente.

O VANT Aliapp é obtido através do Conversor Antmove Applet com base na conversão de vant-teia e fez uma pequena quantidade de ajustes de adaptação compatíveis.

Visualização

Alipay verifica o código QR do mini -programa abaixo para experimentar o exemplo da biblioteca de componentes:

Antes de usar

Antes de começar a usar o Vant Aliapp, você precisa ler a documentação relevante para os componentes personalizados do Applet Alipay.

npm

• Alipay
• Unha

Instalar

Instale e use através do NPM (recomendado)

• Instale via npm

npm i vant-aliapp -S --production

• Instale via YARN

yarn add vant-aliapp --production

O NPM usa o exemplo (área de vant-alipay).

Baixe o código para usar

Faça o download do código -fonte Vant Aliapp diretamente através do Git e copie o diretório alipay/npm para seu próprio projeto

git clone https://github.com/ant-move/Vant-Aliapp.git

Componentes de uso

Adicione o seguinte código ao app.js

 import 'vant-aliapp/dist/__antmove/component/componentClass.js'

Tomando o componente do botão como exemplo, você só precisa apresentar o componente personalizado correspondente ao botão no arquivo json.

{
  "usingComponents" : {
    "van-button" : " /path/to/vant-app/dist/button/index "
  }
}

Endereço NPM: vant-aliapp/dist/dist/button/index

Então você pode usar os componentes diretamente no AXML

 < van-button type =" primary " >按钮</ van-button > 

Visualizar em ferramentas de desenvolvedor

Faça o download deste projeto localmente, use o Alipay IDE para abrir alipay/vant-app , instalar as dependências e visualizar-o.

Ao visualizar, ative a compilação component2 nas configurações de detalhes do projeto. Para detalhes, consulte a introdução aos componentes personalizados do applet de Alipay.

Coisas a serem observadas

• Quando você apresenta a biblioteca de componentes Vant-Aliapp em seu projeto e o tempo de execução 'Identifi (argumentos) está desativado no erro do SJS, você pode cancelar os detalhes da interface IDE> Ativar a marca de seleção para a biblioteca básica 2.0 construir para resolvê-lo
• A solução para usar a caixa de seleção da Vant, colapso, menu suspenso, ação de mercadorias, grade, rádio, guia, tabbar, barra de índice, barra lateral e outros componentes em Alipay, segue as seguintes etapas:
  1. NPM Download da ferramenta de linha de comando antmove

  NPM Instale Antmove -g

  2. No diretório raiz do seu projeto, use o Alipay-Compiler para converter o projeto

  Antmove -t Alipay -Compiler

  3. O programa Alipay convertido pode suportar os componentes acima
• Se você apresentar um componente e descobrir que a renderização falha, poderá consultar o exemplo no exemplo para imitá -lo. Se você tiver alguma dúvida, pode digitalizar o código QR Dingding abaixo para entrar em contato conosco

conectar

Se você encontrar problemas durante o uso, poderá procurar ajuda das seguintes maneiras.

• DingTalk Communication Group:
• E-mail: [email protected]

Link

• Atualizar log
• Opinião

Protocolo de código aberto

Este projeto é baseado no protocolo do MIT, aproveite e participe livremente do código aberto.

grato

Graças à equipe da Vant por sua contribuição para a Vant-Weapp, este projeto é convertido com base no Vant-Wepp e foi adaptado e compatível com a plataforma Alipay Mini Program.