disposition flottante corrigée par mip

Prend en charge le plan d'utilisation global des éléments flottants dans mip

Exemple

Flottant en haut

Règle : la largeur par défaut est de 100 % de l'écran, la hauteur peut atteindre 85 pixels

<mip-fixed type="top">
    自定义内容，可以嵌套其他组件
</mip-fixed>

Flottant en bas

Règle : La largeur par défaut est 100% de l'écran, La hauteur maximale est de 85 pixels

<mip-fixed type="bottom">
    自定义内容，可以嵌套其他组件
</mip-fixed>

Flottant à gauche

Règle : la largeur ne dépasse pas 10% de l'écran, la hauteur ne dépasse pas 25% de l'écran, l'attribut bas ou top doit avoir un

<mip-fixed type="left" bottom="50px">
    自定义内容，可以嵌套其他组件
</mip-fixed>

right flottant

Règle : la largeur ne dépasse pas 10% de l'écran %, la hauteur ne dépasse pas 25% de l'écran, et l'attribut bottom ou top doit avoir un

<mip-fixed type="right" top="50px">
    自定义内容，可以嵌套其他组件
</mip-fixed>

Support mip -gototop

<mip-fixed type="gototop">
    <mip-gototop></mip-gototop>
</mip-fixed>

Comment fermer les éléments suspendus

1. Ajoutez un identifiant personnalisé à la balise mip-fixed : customid

2. Ajoutez l'attribut on="tap:customid.close" à l'étiquette sur laquelle il faut cliquer. pour fermer l'élément flottant

<mip-fixed type="top" id="customid">
  <div>我是顶部的fixed</div>
  <div on="tap:customid.close">我是关闭按钮</div>
</mip-fixed>

Attribut

type

Description : Type flottant
Option obligatoire : Oui
Type : chaîne
Plage de valeurs : haut/bas/droite/gauche

haut

Description : Distance du haut de l'écran
Obligatoire : Non
Type : Chaîne
Plage de valeurs : valeur + unité, par exemple : 50(px|em|rem|vh|vw| vmin|vmax|cm|mm|q|in|pc|pt)
Valeur par défaut : auto

bottom

Description : Distance depuis le bas de l'écran
Option obligatoire : Non
Plage de valeurs : valeur + unité, par exemple : 50( px|em|rem|vh|vw|vmin|vmax| cm|mm|q|in|pc|pt)
Valeur par défaut : auto

Notes

Type de suspension

• le type est supérieur, la catégorie inférieure ne l'est pas. Besoin d'ajouter des attributs : haut/bas

• type ; est gauche, droite. La catégorie doit ajouter au moins un attribut haut/bas, et le bas est préféré.

• Type gototop catégorie ne nécessite aucun attribut.

limite du nombre d'éléments fixes

• haut <= 1top <= 1

• bottom <= 1

• left + right <= 1

• gototop <= 1