Vant Aliapp

NOTA: El almacén se ha cerrado

Si está buscando otras alternativas, se recomienda utilizar la versión oficial de ANTD Applet proporcionada por el oficial

---

Biblioteca de componentes de la interfaz de usuario de applet livianos y confiables

introducir

Vant Aliapp es la versión de applet Alipay de la biblioteca de componentes Mobile Vue de Vant. Los dos se basan en las mismas especificaciones visuales y proporcionan una interfaz API consistente para ayudar a los desarrolladores a construir rápidamente aplicaciones de applets.

Vant Aliapp se obtiene a través del convertidor de applet de Antmove basado en la conversión de Vant-WAPPP y ha realizado una pequeña cantidad de ajustes de adaptación compatibles.

Avance

Alipay escanea el código QR del mini programa a continuación para experimentar el ejemplo de la biblioteca de componentes:

Antes de usar

Antes de comenzar a usar Vant Aliapp, debe leer la documentación relevante para los componentes personalizados del Applet Alipay.

npm

• alipay
• Clavo

Instalar

Instalar y usar a través de NPM (recomendado)

• Instalar a través de NPM

npm i vant-aliapp -S --production

• Instalar a través del hilo

yarn add vant-aliapp --production

NPM usa ejemplo (área vant-alipay).

Descargue el código para usar

Descargue el código fuente Vant Aliapp directamente a través de GIT y copie el directorio alipay/npm a su propio proyecto

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

Componentes de uso

Agregue el siguiente código a App.js

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

Tomando el componente del botón como ejemplo, solo necesita introducir el componente personalizado correspondiente al botón en el archivo JSON.

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

Dirección de NPM: vant-aliapp/dist/dist/button/index

Entonces puede usar los componentes directamente en AXML

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

Vista previa en herramientas de desarrollador

Descargue este proyecto localmente, use el IDE Alipay para abrir alipay/vant-app , instalar las dependencias y luego obtener una vista previa.

Al obtener una vista previa, habilite la compilación component2 en la configuración de detalles del proyecto. Para obtener más detalles, consulte la introducción a los componentes personalizados del applet Alipay.

Cosas a tener en cuenta

• Cuando presenta la biblioteca de componentes Vant-Aliapp en su proyecto y la identificación de tiempo de ejecución (argumentos) está deshabilitado en el error de SJS, puede cancelar los detalles de la interfaz IDE> Habilitar la marca de verificación de la biblioteca básica 2.0 Build para resolverlo para resolverlo
• La solución para usar la casilla de verificación de Vant, colapso, menú desplegable, acción de productos, cuadrícula, radio, pestaña, tabara, barra de índice, barra lateral y otros componentes en Alipay, siga los siguientes pasos:
  1. NPM Descargar la herramienta de línea de comandos antmove

  NPM Instalar Antmove -G

  2. En su directorio raíz de proyecto, use Alipay-Compiler para convertir el proyecto

  Antmove -t Alipay -Compiler

  3. El programa Alipay Mini convertido puede admitir los componentes anteriores
• Si presenta un componente y encuentra que la representación falla, puede consultar el ejemplo en el ejemplo para imitarlo. Si tiene alguna pregunta, puede escanear el código QR Dingding a continuación para contactarnos

conectar

Si encuentra problemas durante el uso, puede buscar ayuda a través de las siguientes maneras.

• Dingtalk Communication Group:
• Correo electrónico: [email protected]

Enlace

• Registro de actualizaciones
• Comentario

Protocolo de código abierto

Este proyecto se basa en el protocolo MIT, por favor disfrute y participe libremente en el código abierto.

agradecido

Gracias al equipo de Vant por su contribución a Vant-WaApp, este proyecto se convierte en base a Vant-WeApp y se ha adaptado y compatible con la plataforma Alipay Mini Program.