Maison >interface Web >js tutoriel >Explication détaillée du composant React Dragact 0.1.4

Explication détaillée du composant React Dragact 0.1.4

小云云
小云云original
2018-02-23 13:15:471989parcourir

Dragact est un composant React qui vous permet de créer facilement et rapidement une puissante disposition de grille par glisser-déposer.

Adresse de l'entrepôt : Dragact

Après plusieurs jours d'itération, Dragact a pu prendre en charge la fonction de mise à l'échelle gratuite (redimensionner)

Sans plus tard, jetons un coup d'œil à la démo

Nouvelle fonctionnalité 1 : Redimensionnement gratuit de la taille

Explication détaillée du composant React Dragact 0.1.4

Mise en page librement évolutive

Nouvelle fonctionnalité 2 : getLayout obtient les informations de mise en page actuelles

Dans la démo en direct, j'ai ajouté une quatrième démo

🎜>Explication détaillée du composant React Dragact 0.1.4

Explication détaillée du composant React Dragact 0.1.4

Après avoir cliqué, vous pouvez voir une mise en page, cette mise en page a des capacités de stockage, c'est-à-dire que lorsque vous actualisez le navigateur, son effet de mise en page ne disparaîtra pas, qu'il s'agisse de la position ou de la taille de l'image.

Prochaine version

Dans la prochaine version, je le supporterai
  • Responsive
  • Changer librement entre glisser et zoomer
  • Peut également être utilisé sur les téléphones mobiles

Adresse de l'entrepôt : Dragact

Aperçu : Démo en direct

Merci pour votre soutien.

Recommandations associées :

Explication détaillée de Dragact, le composant de tri des traînées de React

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn