위 챗 애플 릿 의 공식 UI 프레임 워 크 we-ui 사용 튜 토리 얼

WeUI  위 챗 네 이 티 브 시각 체험 과 일치 하 는 기초 스타일 라 이브 러 리 로 위 챗 공식 디자인 팀 이 위 챗 내 홈 페이지 와 위 챗 애플 릿 을 디자인 하여 사용자 의 사용 감 지 를 더욱 통일 시 켰 다.포함button,cell,dialogprogress 、  toast,article,actionsheet,icon등 여러 가지 요소.
우선 이 프레임 의 GItHub 주 소 를 살 펴 보 겠 습 니 다.
위 챗 애플 릿 UI 프레임 워 크 we-ui
1.git 에서 clone 에서 로 컬 로
너무 쉬 운 것 은 설명 하지 않 겠 습 니 다.그냥 어떻게 쓰 는 지 말씀 드 리 겠 습 니 다.
이것 은 압축 해제 후의 목록 이다.

2.새 항목 만 들 기  dist/style/ weui.wxss ,
3. app.wxss weui.wxss
이로써 준비 작업 이 완성 되 었 으 니,이미 공식 양식 을 사용 할 수 있 게 되 었 다.
다음은 예제 코드 를 어떻게 보 는 지 살 펴 보 겠 습 니 다.클론 에서 내 려 온 예제 코드 를 위 챗 애플 릿 개발 도구 에 가 져 옵 니 다.
가 져 온 디 렉 터 리 는 src/example 입 니 다. 
그리고 예시 코드 를 볼 수 있 습 니 다.


이상 이 바로 본 고의 모든 내용 입 니 다.여러분 의 학습 에 도움 이 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.

좋은 웹페이지 즐겨찾기