更新记录

1.0.01（2026-03-03） 下载此版本

更新文档

1.0.0（2026-03-03） 下载此版本

初始化只包含direction

平台兼容性

uni-app(4.76)

c-flex

使用案例：

<template>
  <view class="page">
    <view class="section">
      <text class="section-title">row 横向排列</text>
      <c-flex direction="row">
        <view>1</view>
        <view>2</view>
        <view>3</view>
      </c-flex>
    </view>

    <view class="section">
      <text class="section-title">row-reverse 横向反向</text>
      <c-flex direction="row-reverse">
        <view>A</view>
        <view>B</view>
        <view>C</view>
      </c-flex>
    </view>

    <view class="section">
      <text class="section-title">column 纵向排列</text>
      <c-flex direction="column">
        <view>1</view>
        <view>2</view>
        <view>3</view>
      </c-flex>
    </view>

    <view class="section">
      <text class="section-title">column-reverse 纵向反向</text>
      <c-flex direction="column-reverse">
        <view>A</view>
        <view>B</view>
        <view>C</view>
      </c-flex>
    </view>

    <view class="section">
      <text class="section-title">自定义间隙</text>
      <c-flex direction="row" :gap="15">
        <view>宽</view>
        <view>间</view>
        <view>隙</view>
      </c-flex>
    </view>
  </view>
</template>