Vant 的 Row 和 Col 布局在 React 中不生效怎么办？

端木鑫哲提问于 2026-03-15 13:12:21 阅读 3

组件

我用 Vant 的 Layout 组件写了个简单的两列布局，但页面上两个 Col 直接堆在一起了，根本没按预期分左右显示。是不是我哪里写错了？

我已经确认引入了样式文件，也按照文档用了 Row 包裹 Col，但就是不生效。

import { Row, Col } from 'vant';

function MyPage() {
  return (
    <Row>
      <Col span={12}>左边</Col>
      <Col span={12}>右边</Col>
    </Row>
  );
}

我来解答赞 3 收藏

反馈

暂无解答