애플 릿 구덩이 밟 기 (1)
1. 디 렉 터 리 구조
작은 프로그램의 주 체 는 세 개의 파일 로 구성 되 어 있 습 니 다. 이 세 개의 파일 은 프로젝트 의 루트 디 렉 터 리 에 놓 아야 합 니 다. 각각
app. json 은 페이지 파일 의 경로, 창 표현, 네트워크 시간 초과 설정, tab 설정 을 결정 합 니 다.
pages 대상 에서 페이지 경 로 를 정의 합 니 다. pages 는 문자열 로 구 성 된 배열 을 받 아들 입 니 다. pages 배열 의 첫 번 째 요 소 는 애플 릿 의 첫 페이지 입 니 다.
애플 릿 에 서 는 html 탭 으로 페이지 를 구성 할 수 없습니다. MANA 프레임 워 크 는 특정한 용기 구성 요소, view, scroll - view, swiper 가 있 습 니 다.
세심 한 학생 들 은 데이터 바 인 딩 을 소개 할 때 우 리 는 wx: if 의 속성 을 사용 한 것 을 발견 할 수 있 습 니 다. 이것 은 MANA 가 제공 하 는 조건 렌 더 링 입 니 다. wx: if 전 불 값 (비 불 형식 으로 은사 전환) 을 판단 하여 렌 더 링 태그 의 내용 을 제어 합 니 다.MANA 에 서 는 콘 텐 츠 의 디 스 플레이 를 제어 할 수 있 는 속성 이 하나 더 있 습 니 다. 다른 것 은 wx: if 는 true 일 때 만 태그 의 콘 텐 츠 를 렌 더 링 합 니 다. hidden 은 항상 콘 텐 츠 를 렌 더 링 합 니 다. 조건 에 따라 콘 텐 츠 의 디 스 플레이 여 부 를 제어 합 니 다.
또한 MANA 는 우리 에 게 비교적 실 용적 인 목록 렌 더 링 을 제공 합 니 다. wx: for 는 하나의 배열 을 받 아들 이 고 페이지 에서 배열 의 값 에 따라 페이지 목록 을 렌 더 링 할 수 있 습 니 다.
목록 렌 더 링 을 사용 하여 보 기 를 재 활용 하 는 것 외 에 도 모드 를 통 해 재 활용 할 수 있 습 니 다. template 에서 코드 세 션 을 정의 한 다음 다른 페이지 에서 참조 할 수 있 습 니 다. 예 를 들 어:
odd
even
template ,MANA ,import include ,import , 。include , include 。
MANA ,
touchstart
touchmove
touchcancel , ,
touchend
tap
longtap , 350ms
4.
app.wxss , 。 page wxss , , app.wxss 。 css , wxss,wxss , :
.class :.intro class=”intro”
#id
:#firstname
id=”firstname”
element : view view
element, : element view checkbox view checkbox
::after :view::after view
::before :view::before view
er , , 350px, 750px; , , , , , rpx , , 。
《 ( )》 , , 。
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
전단 자동화 워 크 플 로 의 hooks예 를 들 어 우 리 는 git commt 전에 eslint 코드 검사, npm install 전에 프로젝트 의존 도 를 검사 하고 싶 습 니 다.전형 적 인 상황 에서 각종 도 구 는 특정한 동작 이 발생 할 때 ...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.