网站首页作为系统入口以及项目简介,帮助用户快速了解和上手该系统。
实现:
(同时实现组件配合滑动的淡入淡出效果)
代码示例:
banner部分:
import React from 'react';
import {
Button } from 'antd';
import {
DownOutlined } from '@ant-design/icons';
import QueueAnim from 'rc-queue-anim';
import TweenOne from 'rc-tween-one';
import {
isImg } from './utils';
class Banner extends React.PureComponent {
render() {
const {
...currentProps } = this.props;
const {
dataSource } = currentProps;
delete currentProps.dataSource;
delete currentProps.isMobile;
return (
<div {