밉 고정 플로팅 레이아웃


mip에서 부동 요소의 전체 사용 계획 지원

QQ截图20170204114543.png

상단 부동

규칙: 너비는 기본적으로 화면의 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

  • 하단 <= 1top <= 1

  • bottom <= 1

  • left + right <= 1

  • gototop <= 1

왼쪽 + 오른쪽 <= 1
🎜🎜🎜gototop <= 1🎜🎜🎜🎜