La página de inicio de reacción se desplaza una pantalla a la vez

código

import React, {
    
     Component } from "react";
import ReactFullpage from "@fullpage/react-fullpage";
import "./less/BIMMAKE.less";
class BIMMAKE extends Component {
    
    
    // 机器人
  globalNum = 0;
  dwwdwdw = (times) => {
    
    
    let dwdwdwdw = window.dwdwdwdw;
    if (dwdwdwdw) {
    
    
      dwdwdwdw.init(
          // 链接 (不可用)
        "https://agn.com/client/hannel=4-a9d0b935f8eb4f6da5bf9f9bcb23ad11&type=plugin"
      );
    } else {
    
    
      this.globalNum++;
      if (this.globalNum > times) {
    
    
        throw Error("ERROR: TIMEOUT");
      } else {
    
    
        setTimeout(() => {
    
    
          this.dwwdwdw();
        }, 200);
      }
    }
  };
  componentDidMount() {
    
    
    this.dwwdwdw(5);
  }
  render() {
    
    
    return (
      <div className="BIMMAKEcss">
        <div className="header-container">
          <div className="header-container-a" data-agl-cvt="6">
            <a href="/BIMout">关于我们</a>
          </div>
        </div>
        <ReactFullpage
          //上面的参数设置都写在这里,不用再写在构造函数里面
          render={
    
    () => {
    
    
            return (
              <ReactFullpage.Wrapper>
                <div className="container-first section">1
                </div>
                <div className="container-first section">2
                </div>
                <div className="container-first section">3
                </div>
                <div className="container-first section">4
                </div>
                <div className="container-first section">5
                </div>
              </ReactFullpage.Wrapper>
            );
          }}
        />
      </div>
    );
  }
}
export default BIMMAKE;

tecnología utilizada en

@fullpage/reaccionar-fullpage

Información relacionada https://madewith.cn/84

Instalar en pc

npm install @fullpage/react-fullpage

humor hoy

Las personas similares son buenas para reírse juntas, y las personas complementarias son buenas para envejecer juntas.

Supongo que te gusta

Origin blog.csdn.net/weixin_50001396/article/details/123848384
Recomendado
Clasificación