>  기사  >  웹 프론트엔드  >  Layuiadmin의 머리에 탭을 만드는 방법

Layuiadmin의 머리에 탭을 만드는 방법

angryTom
angryTom원래의
2019-08-01 10:15:513943검색

Layuiadmin의 머리에 탭을 만드는 방법

오늘은 생활 속에서 마주치는 작은 문제들을 해결하기 위해 Layuiadmin 머리에 탭을 만드는 방법을 에디터가 가르쳐드립니다.

layui에 대해 더 알고 싶다면 다음을 클릭하세요. layui tutorial

1 먼저 왼쪽 메뉴 바에 대해 이야기해 봅시다, 이것이 구현된 가장 기본적인 왼쪽 메뉴 바입니다. 매우 간단하고 공식 문서를 사용할 수 있지만, layer.js를 가져온 후 이 공식 코드를 내 편집기에 직접 복사했습니다.

Layuiadmin의 머리에 탭을 만드는 방법

2. 바운드 속성 메뉴에 드롭다운 옵션이 없습니다 이 문제는 layer.all.js를 가져온 후에 해결되었으며 페이지 상단에서 가져오면 발견되었습니다. , 드롭다운 옵션이 없으며 HTML 코드 아래에 가져오기만 하면 표시됩니다.

Layuiadmin의 머리에 탭을 만드는 방법

3. 탭 항목 우클릭 메뉴: 여기 우클릭 메뉴 스타일은 별로 미화되지 않았습니다. 탭 전환 기능, 전환 이벤트 모니터링 등은 요소 모듈에 의존해야 합니다.

Layuiadmin의 머리에 탭을 만드는 방법

4. 새 탭 항목을 추가하고 제목, 탭 페이지 주소, 태그에 있는 데이터 ID의 속성 값인 지정된 ID에 해당하는 세 개의 매개변수를 전달합니다.

Layuiadmin의 머리에 탭을 만드는 방법

5. 들어오는 ID에 따라 지정된 탭 항목을 전달합니다. ids는 여러 ID를 저장하는 배열입니다.

Layuiadmin의 머리에 탭을 만드는 방법

6. 왼쪽 메뉴바의 내용, 트리거 클릭 이벤트 속성 아래에lay-id 속성이 있는 li 개수, 즉 열려진 탭 항목 개수, 플래그를 초기화합니다. , false이면 열려 있지 않음을 의미합니다. 탭 항목이 true이면 이미 존재한다는 의미입니다.

Layuiadmin의 머리에 탭을 만드는 방법

위 내용은 Layuiadmin의 머리에 탭을 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.