最近在写一个简单的布局框架,其实功能大同小异。但目标要求是用尽量简单的代码,实现一些必用的功能。应用在一些要求加载速度快的场合。
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 class="flex-row"> <div flex="1"> one </div> <div flex="6"> two </div> </div>
以上所述是小编给大家介绍的angularjs 实现弹性盒子布局,希望对大家有所帮助
如对本文有疑问, 点击进行留言回复!!
Angular5整合富文本编辑器TinyMCE的方法(汉化+上传)
基于Angular 8和Bootstrap 4实现动态主题切换的示例代码
解决三元运算符 报错“SyntaxError: can''t assign to conditional expression”
网友评论