# Flex 布局
提供 wx-flex
和 wx-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 |
布局