Vue组件开发系列之Flex组件

组件源码:
https://github.com/AntJavascript/widgetUI/tree/master/Flex

组件说明:
一个让子元素竖着排列的组件,(只有子元素个数大于1个时,才会有效果)


Vue组件开发系列之Flex组件_第1张图片
TIM图片20181030164146.png

组件结构:


css代码:

.wt-flex {
     display: flex;
     justify-content: space-between;
     flex-direction: column;
     height: 100%;
 }

组件源码:
https://github.com/AntJavascript/widgetUI/tree/master/Flex

你可能感兴趣的:(Vue组件开发系列之Flex组件)