Wuss Weapp 고 품질, 구성 요소 완비, 사용자 정의 위 챗 애플 릿 UI 구성 요소 라 이브 러 리
Wuss Weapp 을 사용 하기 전에 위 챗 애플 릿 사용자 정의 구성 요소 에 관 한 문 서 를 읽 어야 합 니 다.
Github 주소.
Github
Wuss Weapp 문서
wuss-weapp docs
Wuss Weapp 공식 교류 군
QQ 군 번호 787275772
모든 구성 요소 미리 보기
모든 구성 요소 의 예제 가 내장 되 어 있 습 니 다. 아래 의 작은 프로그램 코드 체험 을 스 캔 할 수 있 습 니 다.
또는 위 챗 개발 자 도구 에서 다음 과 같은 방식 으로 볼 수 있 습 니 다.
git clone https://github.com/phonycode/wuss-weapp.git
그리고 프로젝트 를 위 챗 개발 자 도구 에서 직접 열 면 됩 니 다.
어떻게 사용 합 니까?
방법 1 [추천] (npm 설치 의존 및 애플 릿 구축 npm 모듈)
npm init && npm install --save wuss-weapp --production
혹은
yarn init && yarn add --save wuss-weapp --production
"usingComponents": {
"w-button": "wuss-weapp/w-button/index",
"w-toast": "wuss-weapp/w-toast/index",
"w-alert": "wuss-weapp/w-alert/index"
}
<w-button type="info" bind:onClick="buttonClick"> w-button>
<w-toast id="wuss-toast" />
<w-alert id="wuss-alert" />
import { Alert, Toast } from 'wuss-weapp';
Alert({
title: ' ',
content: 'wuss weapp is good',
});
Toast.show({
message: 'wuss UI ',
});
방법 2 (clone 현재 프로젝트 의 dist 를 통 해 자신의 프로젝트 에 복사 하여 사용)
dist 디 렉 터 리 를 자신의 프로젝트 에 복사 합 니 다.그리고 다음 과 같은 방식 으로 구성 요 소 를 사용 합 니 다. Button 을 예 로 들 면 다른 구성 요 소 는 해당 하 는 문서 페이지 에서 볼 수 있 습 니 다. "usingComponents": {
"w-button": "/dist/w-button/index"
}
<w-button type="info" bind:onClick="buttonClick"> w-button>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
Angular vs Svelte - 카드 구성요소이전 게시물 중 일부를 확인하면 최근에 Svelte 및 Sapper로 몇 가지 실험을 하고 있음을 알 수 있습니다. 몇 년 동안 Angular로 작업했고 지금은 Svelte를 배우고 있기 때문에 일부 구성 요소를 A...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
