WXML(WeiXin Markup Language)은 프레임워크에 의해 설계된 태그 언어 세트이며 기본 구성 요소 및 이벤트 시스템과 결합되어 페이지의 구조를 구축할 수 있습니다.
WXML은 수직, 수평, 논리적 처리의 3가지 차원을 통해 도입될 수 있다고 생각합니다. 또한, 작은 프로그램을 개발하는 데에도 기초가 되며 필요할 때 문서에 따라 사용할 수 있습니다. 나중에 특정 기능을 소개할 때 확장하세요.
Vertical
Vertical: 즉, 시스템 구성 요소, 타사 구성 요소, 사용자 정의 구성 요소를 포함한 구성 요소의 조합입니다.
예:
<view> <view> <image></image> <text> 用户名 </text> </view> </view>
System 구성 요소:
View 컨테이너: 덮개- 이미지, 표지 보기, 이동 가능 영역, 이동 가능 보기, 스크롤 보기, swiper, swiper-item, view
기본 콘텐츠: 아이콘, 진행률, 서식 있는 텍스트, 텍스트
양식 구성 요소: 버튼, 체크박스, 체크박스 -그룹, 편집기, 양식, 입력, 라벨, 선택기, 선택기 보기, 선택기 보기 열, 라디오, 라디오 그룹, 슬라이더, 스위치, 텍스트 영역
탐색: 기능 페이지 탐색기, 탐색기
-
미디어 구성 요소: 오디오, 카메라, 이미지, 라이브 플레이어, 라이브 푸셔, 비디오
Map: map
Canvas: canvas
Open 기능: 광고, 공식 계정, open -data, web-view
네이티브 구성 요소 설명: 기본 구성 요소
접근성: aria-comComponent
탐색 모음: Navigation-bar
페이지 속성 구성 노드: page-meta
사용을 위한 구체적인 참조:
https://developers.weixin.qq.com/miniprogram/dev/comComponent/native-comComponent.html
타사 구성 요소: 예를 들어 WeUI 구성 요소 라이브러리 등 .
사용자 정의 구성 요소 : 사용자 정의 구성 요소에는 자체 wxml 템플릿과 wxss 스타일이 있습니다.
수평
수평: 구성 요소 속성
속성 이름 | Description |
---|---|
id | 고유 식별 |
class | 스타일 시트 |
style | inline style |
hidden | hidden |
data-* | 이벤트 전달 데이터 |
bind* /catch* | 구성 요소 이벤트 | logic processing
<!--wxml--> <view> {{message}} </view> // page.js Page({ data: { message: 'Hello MINA!' } })
rendering rendering
<!--wxml--> <view> {{item}} </view> // page.js Page({ data: { array: [1, 2, 3, 4, 5] } })rendering
<!--wxml--> <view> WEBVIEW </view> <view> APP </view> <view> MINA </view> // page.js Page({ data: { view: 'MINA' } })
에 기초하여 뷰를 표시하는 방법을 결정합니다. 뷰 컴포넌트 래핑
뷰 컨테이너를 wx:for 및 wx:if로 렌더링하려면 블록 태그로 래핑하면 됩니다. 블록 태그는 컴포넌트가 아니라 패키징용 요소입니다. wx:.. 제어 속성만 허용됩니다.block 및 wx:if:
<block> <view> view1 </view> <view> view2 </view> </block>block 및 wx:for:
<block> <view> {{index}}: </view> <view> {{item}} </view> </block>추천 튜토리얼: "WeChat Mini Program"
위 내용은 WeChat 미니 프로그램 페이지 개발의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

핫 AI 도구

Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool
무료로 이미지를 벗다

Clothoff.io
AI 옷 제거제

AI Hentai Generator
AI Hentai를 무료로 생성하십시오.

인기 기사

뜨거운 도구

DVWA
DVWA(Damn Vulnerable Web App)는 매우 취약한 PHP/MySQL 웹 애플리케이션입니다. 주요 목표는 보안 전문가가 법적 환경에서 자신의 기술과 도구를 테스트하고, 웹 개발자가 웹 응용 프로그램 보안 프로세스를 더 잘 이해할 수 있도록 돕고, 교사/학생이 교실 환경 웹 응용 프로그램에서 가르치고 배울 수 있도록 돕는 것입니다. 보안. DVWA의 목표는 다양한 난이도의 간단하고 간단한 인터페이스를 통해 가장 일반적인 웹 취약점 중 일부를 연습하는 것입니다. 이 소프트웨어는

VSCode Windows 64비트 다운로드
Microsoft에서 출시한 강력한 무료 IDE 편집기

MinGW - Windows용 미니멀리스트 GNU
이 프로젝트는 osdn.net/projects/mingw로 마이그레이션되는 중입니다. 계속해서 그곳에서 우리를 팔로우할 수 있습니다. MinGW: GCC(GNU Compiler Collection)의 기본 Windows 포트로, 기본 Windows 애플리케이션을 구축하기 위한 무료 배포 가능 가져오기 라이브러리 및 헤더 파일로 C99 기능을 지원하는 MSVC 런타임에 대한 확장이 포함되어 있습니다. 모든 MinGW 소프트웨어는 64비트 Windows 플랫폼에서 실행될 수 있습니다.

ZendStudio 13.5.1 맥
강력한 PHP 통합 개발 환경

WebStorm Mac 버전
유용한 JavaScript 개발 도구
