레이유 팝업레이어 속성 소개(열기)

풀어 주다: 2020-01-14 17:41:25
앞으로
12323명이 탐색했습니다.

레이유 팝업레이어 속성 소개(열기)

layui.open 속성: 팝업 레이어 열기

핵심 방법

var index = layer.open({
        type : 2,
        title : title,
        maxmin : true,
        offset: '100px',
        area : [ '600px', '500px' ],
        content : prefix + url// iframe的url
    });
    layer.full(index);    //最小化
로그인 후 복사

type - 기본 레이어 클래스

Type: Number, default: 0

layer는 5가지 레이어 유형을 제공합니다. 전달할 수 있는 값은 0(정보 상자, 기본값) 1(페이지 레이어) 2(iframe 레이어) 3(로딩 레이어) 4(팁 레이어)입니다. layer.open({type: 1})을 사용하여 호출하는 경우 유형이 필수입니다(정보 상자 제외)

title - title

Type: String/Array/Boolean, 기본값: 'Information'

title 3가지 유형을 지원합니다. title: 'I am the title'과 같은 일반 문자열을 전달하면 제목 영역 스타일도 사용자 정의해야 하는 경우 제목 텍스트만 변경됩니다. , 'font-size:18px;'], 배열의 두 번째 항목은 어떤 CSS 스타일로도 작성할 수 있습니다. 제목 표시줄을 표시하지 않으려면 다음과 같이 제목을 지정할 수 있습니다. false

content - Content

Type : String/DOM/Array , 기본값: "

content 전달할 수 있는 값은 유연하고 변경 가능합니다. 일반 HTML 콘텐츠를 전달할 수 있을 뿐만 아니라 DOM을 지정할 수도 있으며, 다른 유형(양식 양식을 정의할 때 직접 전달) ("#id")를 전달하는 것은 dom 개체 양식 확인에 영향을 주지 않습니다.

("#id").html()이 html을 가져오는 경우 요소)

skin - 스타일 클래스 이름

type: 문자열, 기본값: "

skin을 사용하면 레이어의 내장 스타일 클래스 이름을 전달할 수 있으며 사용자 정의 클래스 이름도 전달할 수 있습니다. 현재 레이어의 내장 스킨은 다음과 같습니다:layui-layer-lanlayui-layer-molv. 직접 정의하는 것이 좋습니다

area - width and height

Type: String/Array, default: 'auto'

기본 상태에서 레이어는 너비입니다. 높이는 적응형이지만 너비만 정의하려는 경우에는 Area: '500px'를 정의할 수 있으며 높이는 여전히 적응형입니다. 너비와 높이를 모두 정의해야 하는 경우 다음을 수행할 수 있습니다. Area: ['500px', '300px']

offset - 좌표

Type: 문자열/배열, 기본값: 수직 및 수평 센터링

offset은 기본적으로 설정되지 않습니다. . 하지만 수직 및 수평으로 중앙에 배치하고 싶지 않다면 공식 웹사이트에 쿼리하여 할당

maxmin - 최대 및 최소값을 문의할 수 있습니다.

유형: 부울, 기본값: false

이 매개변수 값은 유형:1 및 유형:2에 유효합니다. 최소화 버튼은 기본적으로 표시되지 않습니다. maxmin: true 구성을 표시해야 합니다

layui에 대한 더 많은 지식을 보려면 layui 사용 튜토리얼 칼럼을 주목하세요.

위 내용은 레이유 팝업레이어 속성 소개(열기)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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