ant-design/components/carousel/demo/autoplay.md
偏右 7776722bdc
fix: Carousel height issue (#25886)
* chore: 🎬 improve carousel demos

* fix: Carousel weired height issue

close #25878

* fix snapshot
2020-07-29 18:35:52 +08:00

655 B

order title
3
zh-CN en-US
自动切换 Scroll automatically

zh-CN

定时切换下一张。

en-US

Timing of scrolling to the next card/picture.

import { Carousel } from 'antd';

const contentStyle = {
  height: '160px',
  color: '#fff',
  lineHeight: '160px',
  textAlign: 'center',
  background: '#364d79',
};

ReactDOM.render(
  <Carousel autoplay>
    <div>
      <h3 style={contentStyle}>1</h3>
    </div>
    <div>
      <h3 style={contentStyle}>2</h3>
    </div>
    <div>
      <h3 style={contentStyle}>3</h3>
    </div>
    <div>
      <h3 style={contentStyle}>4</h3>
    </div>
  </Carousel>,
  mountNode,
);