最近、私はシンプルなレイアウトフレームワークを書いていますが、機能は実際には似ています。しかし、目標は、いくつかの重要な機能を実装するために、可能な限りシンプルなコードを使用することです。これは、読み込み速度が必要な場合に使用されます。
CSSパーツ
.flex-row、.flex {display:-webkit-flex; display:flex; flex-direction:row;}。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のウェブサイトへのご支援ありがとうございます!