wuss weapp

wuss 무기

고품질, 완전하고 고도로 맞춤화 된 WeChat 애플릿 UI 구성 요소 라이브러리

문서

https://phonycode.github.io/wuss-weapp

Wuss 무기 공식 커뮤니케이션 그룹

QQ 그룹 번호 787275772

QR 코드를 스캔하여 경험하십시오

WeChat을 사용하여 스캔하여 미니 프로그램 구성 요소 예제를 경험하십시오.

데모 사진

빨리 시작하십시오

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

사용 방법

방법 1 [권장] (NPM을 통해 종속성을 설치하고 애플릿에 NPM 모듈을 빌드)

1. 쉘 명령 또는 git을 사용하여 현재 애플릿 개발 디렉토리를 찾은 다음 NPM 또는 원사를 사용하여 종속성을 설치하십시오.

npm init && npm install --production wuss-weapp

또는

yarn init && yarn add --production wuss-weapp

2. 종속성 설치가 완료되면 WeChat 애플릿 개발자 도구에서 [도구] => [빌드 NPM]을 클릭 할 수 있습니다. 팝업 창이 나타나면 "NPM 모듈을 사용하여"확인하십시오. 팝업 창이없는 경우 빌드가 완료된 후 세부 사항을 수동으로 확인하십시오.

3. 빌드가 완료되면 필요한 구성 요소를 추가 할 수 있습니다. JSON 페이지에서 구성 :

 "usingComponents" : {
  "w-button" : " wuss-weapp/w-button/index " ,
  "w-toast" : " wuss-weapp/w-toast/index " ,
  "w-alert" : " wuss-weapp/w-alert/index "
}

4. WXML에서 구성 요소 사용 :

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >
< w-toast id =" wuss-toast " />
< w-alert id =" wuss-alert " />

5. JavaScript에서 사용 :

 import { Alert , Toast } from 'wuss-weapp' ;

Alert ( {
  title : '提示' ,
  content : 'wuss weapp is good' ,
} ) ;

Toast . show ( {
  message : 'wuss小程序UI库' ,
} ) ; 

방법 2 (현재 프로젝트의 Dist를 자신의 프로젝트에 복사)

1. Github로 이동하여 Wuss 무기의 코드를 다운로드하고 dist 디렉토리를 프로젝트에 복사하십시오. 그런 다음 다음 방법으로 구성 요소를 사용하십시오. 버튼 사용 예를 들어, 다른 구성 요소는 해당 문서 페이지에서 볼 수 있습니다.

2. 필요한 구성 요소를 추가하십시오. 페이지 JSON 페이지에서 구성 (경로는 프로젝트 위치에 따라 구성됩니다) :

 "usingComponents" : {
  "w-button" : " /dist/w-button/index "
}

2. WXML에서 구성 요소 사용 :

 < w-button type =" info " bind:onClick =" buttonClick " >这是一个按钮</ w-button >

모든 구성 요소를 미리 봅니다

모든 구성 요소의 내장 예제가 있으며 위의 애플릿 코드를 스캔하여 경험을 경험하거나 WeChat 개발자 도구에서 다음과 같이 볼 수 있습니다.

git clone https://github.com/phonycode/wuss-weapp.git

그런 다음 WeChat 개발자 도구에서 직접 프로젝트를 열십시오.

기여하다

의견이나 제안이 있으면 문제를 언급하십시오. 문제를 언급하기 전에 관련 문제가 있는지 읽으십시오. 또는 관련 문제가 있지만 문제가 닫힌 경우 아직 업데이트되지 않은 버전 일뿐입니다. 이 문제 아래에 답장하지 마십시오. 업데이트 후 업데이트 된 버전이 여전히 존재하는 경우 새 문제를 제출하십시오. 감사합니다.

특허

MIT