Récemment, j'écris un cadre de mise en page simple, mais les fonctions sont en fait similaires. Mais l'objectif est d'utiliser le code aussi simple que possible pour implémenter certaines fonctions essentielles. Il est utilisé à certaines occasions où la vitesse de chargement est nécessaire.
Partie CSS
.Flex-Row, .flex {affichage: -webkit-flex; affichage: flex; flex-direction: row;}. flex-col {affiche: -webkit-flex; affichage: flex; flex-direction: colonne;}Partie javascript
.Directive ('flex', [function () {return {restrict: 'a', scope: {'flex': '='}, link: function (s, e, a) {e.css ('flexgrow', s.flex);}};}]);usage:
<div> <div flex = "1"> un </div> <div flex = "6"> deux </div> </div>
Ce qui précède est l'implémentation AngularJS de la disposition des boîtes élastiques introduite par l'éditeur. J'espère que ce sera utile à tout le monde. Si vous avez des questions, veuillez me laisser un message et l'éditeur répondra à tout le monde à temps. Merci beaucoup pour votre soutien au site Web Wulin.com!