밉 고정 플로팅 레이아웃
mip에서 부동 요소의 전체 사용 계획 지원
예
상단 부동
규칙: 너비는 기본적으로 화면의 100%, 높이는 최대 85픽셀입니다.
<mip-fixed type="top"> 自定义内容,可以嵌套其他组件 </mip-fixed>
하단 부동
규칙: 너비는 기본적으로 화면의 100%, 최대 높이는 85픽셀입니다
<mip-fixed type="bottom"> 自定义内容,可以嵌套其他组件 </mip-fixed>
왼쪽 부동
규칙: 너비는 화면의 10%를 초과하지 않으며 높이는 화면의 25%를 초과하지 않습니다. 상단에는
<mip-fixed type="left" bottom="50px"> 自定义内容,可以嵌套其他组件 </mip-fixed>
오른쪽 부동
이 있어야 합니다. 규칙: 너비는 화면 %의 10%를 초과하지 않고 높이는 화면의 25%를 초과하지 않으며 하단 또는 상단 속성에는
<mip-fixed type="right" top="50px"> 自定义内容,可以嵌套其他组件 </mip-fixed>
지원 밉이 있어야 합니다. -gototop
<mip-fixed type="gototop"> <mip-gototop></mip-gototop> </mip-fixed>
일시 중단된 요소를 닫는 방법
1. mip 고정 태그에 맞춤 ID 추가: customid
2. 클릭해야 하는 라벨에 on="tap:customid.close" 속성을 추가합니다. 플로팅 요소를 닫으려면
<mip-fixed type="top" id="customid"> <div>我是顶部的fixed</div> <div on="tap:customid.close">我是关闭按钮</div> </mip-fixed>
Attribute
type
설명: 플로팅 유형
필수 옵션: 예
유형: 문자열
값 범위: top /bottom/right/left
top
설명: 상단으로부터의 거리 the screen
필수: 아니요
유형: 문자열
값 범위: 값 + 단위, 예: 50(px|em|rem|vh|vw| vmin|vmax|cm|mm|q|in|pc|pt)
기본값: auto
bottom
설명: 화면 하단으로부터의 거리
필수 옵션: No
값 범위: 값 + 단위, 예: 50( px|em|rem|vh|vw|vmin|vmax| cm|mm|q|in|pc|pt)
기본값: auto
Notes
Suspension type
type은 top, lower 카테고리는 not 속성 추가 필요: top/bottom; 카테고리는 상단/하단 속성을 하나 이상 추가해야 하며 하단이 선호됩니다.
gototop 카테고리 유형에는 속성이 필요하지 않습니다.
고정 요소 수 제한
상단 <= 1
하단 <= 1
top <= 1
bottom <= 1
left + right <= 1
gototop <= 1
왼쪽 + 오른쪽 <= 1
gototop <= 1
🎜🎜🎜🎜