# Flex 布局

提供 wx-flexwx-flex-item 两个组件。

# 基本用法

<wx-flex v-for="i in 4" :key="i">
  <wx-flex-item v-for="j in i" :key="i+j">
    <div class="placeholder">wx</div>
  </wx-flex-item>
</wx-flex>
<wx-flex>
  <div class="placeholder">wx</div>
  <wx-flex-item>
    <div class="placeholder">wx</div>
  </wx-flex-item>
  <div class="placeholder">wx</div>
</wx-flex>

<style>
.placeholder {
    margin: 5px;
    padding: 0 10px;
    background-color: #f7f7f7;
    height: 2.3em;
    line-height: 2.3em;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
}
</style>

# Flex/Flex-item Attributes

参数 说明 类型 可选值 默认值
tag 自定义元素标签 String * div
back
布局