Vant Aliapp 다운로드 -Vant Vant Aliapp 소스 코드 다운로드

다운로드

참고 : 창고가 폐쇄되었습니다

다른 대안을 찾고 있다면 공무원이 제공 한 공식 Antd 애플릿 버전을 사용하는 것이 좋습니다.

Vant Aliapp는 Vant의 Mobile Vue 구성 요소 라이브러리의 Alipay 애플릿 버전입니다. 이 둘은 동일한 시각적 사양을 기반으로하며 개발자가 애플릿 응용 프로그램을 신속하게 구축 할 수 있도록 일관된 API 인터페이스를 제공합니다.

Vant Aliapp는 Vant-wepp 변환을 기반으로 Antmove 애플릿 변환기를 통해 얻어지며 소량의 호환 가능한 적응 조정을 수행했습니다.

Alipay는 아래의 미니 프로그램의 QR 코드를 스캔하여 구성 요소 라이브러리 예제를 경험합니다.

Vant AliaPP를 사용하기 전에 Alipay 애플릿의 사용자 정의 구성 요소에 대한 관련 문서를 읽어야합니다.

npm i vant-aliapp -S --production

yarn add vant-aliapp --production

NPM은 예제 (vant-alipay-area)를 사용합니다.

Vant AliaPP 소스 코드를 GIT를 통해 직접 다운로드하고 alipay/npm 디렉토리를 자신의 프로젝트에 복사하십시오.

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

App.js에 다음 코드를 추가하십시오

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

버튼 구성 요소를 예로 들어 JSON 파일의 버튼에 해당하는 사용자 정의 구성 요소 만 소개하면됩니다.

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

NPM 주소 : vant-aliapp/dist/dist/button/index

그런 다음 AXML에서 직접 구성 요소를 사용할 수 있습니다

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

이 프로젝트를 로컬로 다운로드하고 Alipay IDE를 사용하여 alipay/vant-app 열고 종속성을 설치 한 다음 미리 봅니다.

미리보기시 프로젝트 세부 사항 설정에서 component2 컴파일을 활성화하십시오. 자세한 내용은 Alipay 애플릿의 사용자 정의 구성 요소 소개를 참조하십시오.

Vant-AliaPP 구성 요소 라이브러리를 프로젝트에 소개하고 SJS의 오류에서 런타임 '식별 (Arguments)이 비활성화되면 IDE 인터페이스 세부 정보를 취소 할 수 있습니다.> 기본 라이브러리 2.0 빌드를 사용하여 해결할 수 있습니다.
Vant의 확인란, 붕괴, 드롭 다운 메뉴, 상품 액션, 그리드, 라디오, 탭, 탭 바, 인덱스 바, 사이드 바 및 Alipay의 기타 구성 요소를 사용하는 솔루션은 다음 단계를 따르십시오.
1. NPM 다운로드 Antmove Command Line 도구
NPM 설치 antmove -g
1. 프로젝트 루트 디렉토리에서 Alipay-Compiler를 사용하여 프로젝트를 변환하십시오.
Antmove -t Alipay -Compiler
1. 변환 된 Alipay Mini 프로그램은 위의 구성 요소를 지원할 수 있습니다.
구성 요소를 소개하고 렌더링이 실패한 경우 예제의 예를 참조하여 모방 할 수 있습니다. 질문이 있으시면 아래의 Dingding QR 코드를 스캔하여 저희에게 연락 할 수 있습니다.