v-flow

A simple waterfall directive for Vue.js.

How to use

Install

npm install --save v-flow

or

yarn add v-flow

Import

importVuefrom'vue';importVFlowfrom'v-flow';Vue.use(VFlow);

Example

<ulv-flow="3"><li>Lorem ipsum dolor sit amet.</li><li>Eum at possimus eos soluta.</li><li>Veniam quidem, repudiandae blanditiis vitae.</li><li>Et ratione, nobis placeat corporis.</li><li>Facere dolore, tenetur incidunt facilis.</li><li>Quis obcaecati a qui iusto.</li><li>Necessitatibus, illum odit eius cum?</li><li>Vel nisi vero eos velit?</li></ul>

The code above will be transformed to:

<ul><divstyle="width: 33.3333%; float: left;"><listyle="visibility: visible;">Lorem ipsum dolor sit amet.</li><listyle="visibility: visible;">Et ratione, nobis placeat corporis.</li><listyle="visibility: visible;">Necessitatibus, illum odit eius cum?</li></div><divstyle="width: 33.3333%; float: left;"><listyle="visibility: visible;">Veniam quidem, repudiandae blanditiis vitae.</li><listyle="visibility: visible;">Facere dolore, tenetur incidunt facilis.</li><listyle="visibility: visible;">Vel nisi vero eos velit?</li></div><divstyle="width: 33.3333%; float: left;"><listyle="visibility: visible;">Eum at possimus eos soluta.</li><listyle="visibility: visible;">Quis obcaecati a qui iusto.</li></div><istyle="clear: both;"></i></ul>

TODO LIST

• test cases