최근에 간단한 레이아웃 프레임 워크를 작성하고 있지만 기능은 실제로 비슷합니다. 그러나 목표는 몇 가지 필수 기능을 구현하기 위해 가능한 한 간단한 코드를 사용하는 것입니다. 로딩 속도가 필요한 경우에도 사용됩니다.
CSS 부분
.flex-row, .flex {display : -webkit-flex; display : flex; flex-direction : row;}. flex-col {display : -webkit-flex; display : flex; flex direction : column;}JavaScript 부분
.Directive ( 'flex', [function () {return {restrict : 'a', scope : { 'flex': '='}, link : function (s, e, a) {e.css ( 'flexgrow', s.flex);}]);용법:
<div> <div flex = "1"> one </div> <div flex = "6"> 2 </div> </div>
위는 편집기가 도입 한 탄성 박스 레이아웃의 AngularJS 구현입니다. 모든 사람에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 모든 사람에게 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!