Recientemente estoy escribiendo un marco de diseño simple, pero las funciones son realmente similares. Pero el objetivo es usar un código lo más simple posible para implementar algunas funciones esenciales. Se usa en algunas ocasiones en que se requiere la velocidad de carga.
Parte de CSS
.Flex-Row, .flex {display: -webkit-fllex; display: flex; flex-diRection: fila;}. flex-col {display: -webkit-fllex; display: flex; flex-direction: column;}Parte de JavaScript
.Directive ('flex', [function () {return {restrict: 'a', scope: {'flex': '='}, link: function (s, e, a) {e.css ('flexgrow', s.flex);}};}]);uso:
<Viv> <div flex = "1"> one </div> <div flex = "6"> two </div> </div>
Lo anterior es la implementación AngularJS del diseño de la caja elástica introducida por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, déjame un mensaje y el editor responderá a todos a tiempo. ¡Muchas gracias por su apoyo al sitio web de Wulin.com!