> 위챗 애플릿 > 위챗 개발 > 명함박스와 명함홀더에 대한 자세한 설명

명함박스와 명함홀더에 대한 자세한 설명

零下一度
풀어 주다: 2017-06-10 14:16:02
원래의
2829명이 탐색했습니다.

사용자는 여러 개의 명함을 가지고 있으며 이를 보려면 왼쪽과 오른쪽으로 전환해야 합니다. 아래로 전환하는 것은 메뉴 버튼입니다. 여기서는 두 곳에서 슬라이드해야 합니다. WeChat에서 제공하는 슬라이딩 구성 요소를 사용하여 중첩에 사용합니다. 첫 번째 레이어는 명함 표시 및 메뉴 버튼의 상하 슬라이딩입니다. 명함 디스플레이 (상호 임베딩을 지원합니다. 세트로 사용 가능하니 안심하고 사용하실 수 있습니다.) 수직 추가하면 수직으로 미끄러지는 것을 의미하고, 제거하면 왼쪽과 오른쪽으로 미끄러지는 것을 의미합니다. 전체적인 구조는 다음과 같습니다. 클릭 이벤트는 다중 클릭 전환을 지원해야 하므로 데이터 전환 메서드에 바인딩됩니다. 초기화 데이터는 nextSlide입니다. nextSlide 이벤트를 다시 살펴보세요. currentSlide는 현재 페이지의 인덱스입니다. 이를 변경하면 전환 효과가 완성됩니다. 데이터를 초기화할 때 cs가 0으로 설정되는 것을 위 그림에서 볼 수 있습니다. 따라서 현재 data.cs+1을 할당한 다음 바인딩된 클릭 이벤트 clickNext를 nextSlideAgain으로 전환하세요. 다중 클릭의 전환 효과를 얻기 위해 1개의 인덱스를 빼는 nextSlideAgain 이벤트를 다시 살펴보겠습니다. 구체적인 효과를 볼 수 있습니다.

개인명함 클릭 1. WeChat Mini 프로그램 개발 (5) 명함함 "나" 페이지 상세 설명

명함박스와 명함홀더에 대한 자세한 설명

소개: 사용자는 여러 개의 명함을 가지고 있습니다. 명함을 보려면 왼쪽과 오른쪽으로 전환해야 합니다. 아래로 내려가면 토글이 메뉴 버튼입니다. 여기서는 두 곳에서 슬라이드해야 합니다. WeChat에서 제공하는 슬라이딩 구성 요소를 사용하여 중첩에 사용합니다. 첫 번째 레이어는 명함 표시 및 메뉴 버튼의 상하 슬라이딩입니다. 명함 디스플레이 (상호 임베딩을 지원합니다. 세트로 사용 가능하니 안심하고 사용하실 수 있습니다.)

2. WeChat Mini 프로그램 개발 (3) 명함 지갑 세부 정보 페이지 튜토리얼 예시

소개: 오늘 새로운 내용이 추가되었습니다! 개발 로그 자체 외에도 친구들의 질문에 답변도 했습니다. 더 이상 고민하지 말고 "명함 상자" 세부 페이지의 렌더링을 살펴보겠습니다.

3. WeChat 미니 프로그램 개발 (1) 서비스 계정을 미니 프로그램 인스턴스로 변환하는 방법에 대한 자세한 설명

명함박스와 명함홀더에 대한 자세한 설명

소개: WeChat 애플리케이션 계정(미니 프로그램, "애플리케이션 계정"의 새 이름)이 드디어 출시되었습니다! 아직은 내부 테스트 단계이며 위챗은 비공개 베타 테스트에 참여하도록 일부 회사만 초대했습니다. 신청계좌의 최종 형태가 어떻게 될지 다들 고민이시죠? "서비스 계정"을 "미니 프로그램"으로 변환하는 방법은 무엇입니까? 간단한 타사 도구를 예로 들어 개발 프로세스를 일시적으로 보여드리겠습니다. (회사의 프로젝트는 기밀이므로 코드와 스크린샷을 공유할 수 없습니다. 준보카는 야근을 하면서 몰래 모든 사람을 위한 튜토리얼을 작성합니다. 이 수술을 수행할 수 있도록 서비스 번호를 제공한 "명함 상자" 팀 덕분에 준보카의 튜토리얼에서는 "이름"을 사용합니다. ...

위 내용은 명함박스와 명함홀더에 대한 자세한 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿