Recentemente, estou escrevendo uma estrutura de layout simples, mas as funções são realmente semelhantes. Mas o objetivo é usar o código mais simples possível para implementar algumas funções essenciais. É usado em algumas ocasiões em que a velocidade de carregamento é necessária.
Parte css
.Flex-ROW, .Flex {Display: -Webkit-Flex; Display: Flex; Flex-Direcção: Row;}. Flex-Col {Display: -Webkit-Flex; Display: Flex; Flex-Direction: Column;}Javascript Part
.Directive ('Flex', [function () {return {restrtIn: 'A', SCOPE: {'flex': '='}, link: function (s, e, a) {e.css ('flexGrow', s.flex);}};}]);uso:
<div> <div flex = "1"> um </div> <div flex = "6"> dois </div> </div>
O acima é a implementação do AngularJS do layout da caixa elástica introduzida pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem e o editor responderá a todos a tempo. Muito obrigado pelo seu apoio ao site wulin.com!