저는 vscode를 편집기로 직접 사용합니다(다른 편집기에도 동일하게 적용되며 여전히 미리보기를 위해 WeChat 개발 도구를 사용합니다). 구문 강조를 위해 wxml을 html로, wxss를 css "files.associations"로 설정합니다. "*.wxss": "css", "*.wxml": "html" } 미니 프로그램 관련 플러그인을 설치하여 코드 작성을 시작할 수도 있습니다. 먼저 WeChat 미니 프로그램 설명서(프레임워크, 구성 요소 및 API)를 모두 읽어야 나중에 사용할 때 쉽게 찾을 수 있습니다. 보기 구성 요소는 html 및spanwxss의 ptext에 해당합니다. 선택기는 #id, .className, ::after, ::before 요소만 지원합니다. 공용 구성 요소 프로젝트 디렉터리에 새 구성 요소를 만들고 페이지와 유사한 디렉터리에 따라 닫습니다.
소개: 저는 vscode를 편집기로 직접 사용합니다. (다른 편집기에도 동일하게 적용됩니다. 저는 여전히 WeChat 개발 도구를 사용합니다. 미리 보기), 구문 강조를 위해 wxml을 html로 설정하고, wxss를 css로 설정합니다
2. WeChat 개발을 위한 WXML, WXSS 및 JS에 대한 자세한 소개
소개: 이 문서에서는 주로 다음을 소개합니다. WeChat 애플릿용 WXML, WXSS, JS 소개 및 자세한 설명 관련 내용은 도움이 필요한 친구들을 참고하세요
소개: WeUI는 무엇인가요? WeUI는 WeChat 시각 디자인을 준수합니다. 사양에 따라 기본 스타일 라이브러리는 공식 디자인 팀에서 미니 프로그램에 맞게 맞춤화되었습니다. WeUI는 공식 제품이기 때문에 여기서는 WeUI를 기본으로 넣었는데, 10월 28일 IDE 업데이트 이후 IDE에서 CSS를 인식 및 참조할 수 없게 되었고, 네트워크에서 스타일 파일 획득도 차단하여 CSS와 명확한 선을 긋게 되었습니다. .
4. Flex 레이아웃 모드는 소규모 프로그램 개발에 필수입니다
소개: 기존 플로트 레이아웃에 비해 Flex 레이아웃은 간단하고 빠르며 편리합니다. Flex 레이아웃을 마스터하면 WeChat 미니 프로그램을 만들 때 wxss 코드를 줄일 수 있으며 WeChat 미니 프로그램 개발을 위한 문서 요구 사항도 준수합니다. 이 코드에는 각기 다른 Flex의 서로 다른 속성을 사용하는 네 가지 Flex 레이아웃 방법이 포함됩니다. 관련 속성을 알아보려면 이 기사 끝에 있는 학습 참조를 읽는 것이 좋습니다.
5. WeChat Mini 프로그램 타사 개발 도구(WEPT) 소개
소개: WeChat Mini 프로그램 개발 도구 번호 타사 개발 도구 WEPT, WEPT의 주요 기능: 실시간 업데이트, wxml wxss javascript json 지원, 오류가 자주 발생하는 공식 도구와 달리 더 안정적이고 제한이 없으며 네트워킹이 필요하지 않습니다. 백엔드 구성 CORS가 필요하지 않으며 모바일 브라우징을 지원합니다.
6. WeChat 미니 프로그램의 wxml 및 wxss 파일에 대한 자세한 설명
소개: WXML WXML(WeiXin Markup Language)은 다음과 결합된 WeChat용 태그 언어 세트입니다. 기본 구성요소 및 이벤트 시스템을 구축할 수 있습니다. (꼬마안나: 엄청 강력한 것 같아요. 기본 컴포넌트와 이벤트 시스템이 뭔가요? 결합을 해야 해서 더 강력한 것 같아요.) 기본 컴포넌트는 HTML의 태그와 비슷하고, 이벤트 시스템은 자바스크립트의 이벤트로, 인터페이스에 대한 논리적 반응을 처리할 수 있습니다. 구성 요소와 이벤트가 없으면 쓸모가 없습니다.
소개: 계산기를 만들기 위한 소규모 프로그램 초보자 연습 프로젝트(WeChat 빠른 데모를 기반으로 적용)입니다. 기본 UI, 기본 점프, 간단한 js 로직을 갖추고 있어 초보자가 읽기에 매우 적합합니다. 다른 사람의 코드를 읽는 것은 자신의 프로그래밍 기술을 강화하는 것입니다. WeChat 애플릿 개발 관련 지식: 1. CSS Flexbox 레이아웃 2. 이벤트 바인딩, 페이지 점프 3. 페이지, 창, 앱 전역 설정 4. wxml, wxsss, js, json 파일 사용 방법 5. 보기, 텍스트,.. 8. 미니 프로그램 개발의 기초 - 인덱스 페이지 분석(5)
소개: 이전 튜토리얼에서는 WeChat Mini 프로그램 개발 자체와 관련이 없는 몇 가지 기술적 문제에 대해 설명했습니다. . 이제 주제로 돌아갑니다. 본 튜토리얼에서는 기본적으로 생성되는 인덱스 페이지를 중심으로 설명합니다. 이전 튜토리얼에서 작성한 것처럼 각 페이지에는 .js(처리 로직), .wxml(페이지 내용 설명) 및 .wxss(페이지 스타일 구성)의 세 가지 파일이 포함되어 있습니다. 설명에 앞서, 위 사진의 인덱스 페이지에는 사용자 아바타와 사용자 이름, "Hello World"만 있는 내용이 많지 않습니다. 먼저 인덱스를 살펴보겠습니다.... 9 WeChat Mini 프로그램 개발 기초 1부 구조 개요(2)
소개: WeChat Mini 프로그램 개발 튜토리얼(기본) 1 WeChat Mini 프로그램 첫 소개 이전 튜토리얼의 끝에서, 우리는 Small 프로그램과 유사한 "Hello World"를 생성했지만 이 프로세스에서는 한 줄의 코드도 작성되지 않았습니다. 새 프로젝트를 생성한 후 WeChat 애플릿은 기본 프로그램 프레임워크를 생성하고 후속 프로그램 개발 작업은 이 프레임워크에서 수행됩니다. 이 기본 프레임워크에는 다음 부분이 포함됩니다. app.xx 각 WeChat 미니 프로그램에는 app.js, app.json 및 app.wxss라는 세 가지 파일이 포함됩니다. app.js 파일...
소개: 서랍 메뉴는 앱에서 흔히 사용되는 메뉴 디자인 방식으로, 일반적인 서랍 메뉴는 다음과 같습니다. WeChat 애플릿을 기반으로 서랍 메뉴를 구현하는 방법을 보여줍니다. 마지막으로 효과는 아래 그림에 표시됩니다. 페이지에는 슬라이딩 효과를 얻기 위해 페이지가 절대 레이아웃을 채택합니다. index.wxml index.wxss와 같습니다. 실제 머신 환경에서는 페이지가 자동으로 슬라이드에 반응하므로 홈페이지의 터치 이벤트와 탭 이벤트를 바인딩하고 catchtouchmove를 사용하여 이를 방지합니다. ... [관련 Q&A 추천]: node.js - WeChat 애플릿의 실제 머신 테스트 중에 wx.request 요청이 결과를 반환하지 않았습니다
위 내용은 wxss에 관한 추천 기사 10개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!