iview weapp

아이뷰 앱

고품질 WeChat 미니 프로그램 UI 구성 요소 라이브러리 세트

문서

http://inmap.talkingdata.com/wx/index_prod.html

경험

WeChat 스캔을 사용하여 미니 프로그램 구성 요소를 경험하는 예

빨리 시작하세요

사용하기 전에

iView Weapp 사용을 시작하기 전에 WeChat 애플릿 사용자 정의 구성 요소의 관련 문서를 읽어야 합니다.

사용방법

GitHub로 이동하여 iView Weapp의 코드를 다운로드하고 dist 디렉터리를 프로젝트에 복사하세요. 그런 다음 Button을 예로 들어 다음과 같이 구성 요소를 사용하고 해당 설명서 페이지에서 다른 구성 요소를 확인합니다.

1. 필수 구성 요소를 추가합니다. 페이지의 json에서 구성합니다(경로는 자신의 프로젝트 위치에 따라 구성됩니다).

 "usingComponents" : {
    "i-button" : " ../../dist/button/index "
}

2. wxml에서 구성요소를 사용하십시오.

 < i-button type =" primary " bind:click =" handleClick " >这是一个按钮</ i-button >

모든 구성요소 미리보기

모든 구성 요소에 대한 예제가 내장되어 있습니다. 오른쪽에 있는 작은 프로그램 코드를 스캔하여 체험해 보거나 다음과 같이 WeChat 개발자 도구에서 볼 수 있습니다.

 # 从 GitHub 下载后，安装依赖
npm install

# 编译组件
npm run dev

그런 다음 WeChat 개발자 도구에서 examples 디렉터리를 엽니다.

특허

MIT

Copyright (c) 2018-현재, TalkingData