mirror of
https://github.com/ant-design/ant-design.git
synced 2024-12-24 15:46:10 +08:00
1e0c3b8c58
* feat: new component Flex * feat: new component Flex * fix: fix * test: add test case * fix: fix * update size-limit * test: update snap * fix: fix * test: update snap * chore: add use client * fix: lint * test: update snap * fix * docs: add docs * fix: fix demo * clear * demo: update demo * update demos * fix: fix * fix: fix * fix: fix * fix: fix * test: update snap * fix: fix * fix: fix * demo: update demo * feat: CP * fix: use token * fix: fix * fix: fix test case * test: update snap * Update components/flex/style/index.ts Co-authored-by: MadCcc <1075746765@qq.com> Signed-off-by: lijianan <574980606@qq.com> * Update components/flex/demo/align.tsx Co-authored-by: MadCcc <1075746765@qq.com> Signed-off-by: lijianan <574980606@qq.com> * demo: update demo * fix: fix * docs * update cover * fix: fix * test: update case * fix: rerun CI * fix: fix * fix: fix * fix: fix * fix: fix * demo: update demo * fix: fix lint * fix: fix * fix: fix * fix: fix * fix: fix * fix: fix test case * fix: fix * docs: update docs * fix: fix * chore: fix * chore: fix * docs: update docs * docs: update * fix: fix demo * type: update type * add debug demo --------- Signed-off-by: lijianan <574980606@qq.com> Co-authored-by: 栗嘉男 <mac@macdeMacBook-Pro.local> Co-authored-by: MadCcc <1075746765@qq.com>
34 lines
726 B
TypeScript
34 lines
726 B
TypeScript
/* eslint-disable react/no-array-index-key */
|
|
import React from 'react';
|
|
import { Flex } from 'antd';
|
|
|
|
const App: React.FC = () => (
|
|
<>
|
|
<Flex vertical>
|
|
{Array.from({ length: 4 }).map((_, i) => (
|
|
<div
|
|
key={i}
|
|
style={{
|
|
height: 60,
|
|
backgroundColor: i % 2 ? '#1677ff' : '#1677ffbf',
|
|
}}
|
|
/>
|
|
))}
|
|
</Flex>
|
|
<Flex style={{ marginTop: 20 }}>
|
|
{Array.from({ length: 4 }).map((_, i) => (
|
|
<div
|
|
key={i}
|
|
style={{
|
|
width: '25%',
|
|
height: i % 2 ? 60 : 40,
|
|
backgroundColor: i % 2 ? '#1677ff' : '#1677ffbf',
|
|
}}
|
|
/>
|
|
))}
|
|
</Flex>
|
|
</>
|
|
);
|
|
|
|
export default App;
|