في الآونة الأخيرة ، أكتب إطارًا بسيطًا للتخطيط ، لكن الوظائف متشابهة بالفعل. ولكن الهدف هو استخدام رمز بسيط قدر الإمكان لتنفيذ بعض الوظائف الأساسية. يتم استخدامه في بعض المناسبات حيث تكون سرعة التحميل مطلوبة.
جزء CSS
.flex-row ، .flex {display: -webkit-flex ؛ display: flex ؛ flex-direction: row ؛}. flex-colجزء JavaScript
.diRective ('flex' ، [function () {return {rody: 'a' ، scope: {'flex': '='} ، link: function (s ، e ، a) {e.css ('flexgrow' ، s.flex) ؛}} ؛}]) ؛الاستخدام:
<viv> <div flex = "1"> واحد </div> <div flex = "6"> اثنان </div> </div>
ما سبق هو تنفيذ AngularJS لتخطيط مربع مرن قدمه المحرر. آمل أن يكون ذلك مفيدًا للجميع. إذا كان لديك أي أسئلة ، فيرجى ترك رسالة لي وسوف يرد المحرر على الجميع في الوقت المناسب. شكرا جزيلا لدعمكم لموقع wulin.com!