Skip to content

React组件实现的滑动变脸器,含HTML静态网页。

Notifications You must be signed in to change notification settings

miemingdouwu/FaceSlider

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React组件实现的滑动变脸器,含HTML静态网页。

🚀 快速开始教程

  1. 克隆仓库:

    git clone https://github.com/miemingdouwu/FaceSlider.git
    cd FaceSlider
  2. 安装依赖:

    npm install # 或者 yarn install
  3. 启动项目:

    npm start # 或者 yarn start
  4. 部署项目:

    npm run build

😋 HTML 静态版本

直接下载 ZIP 文件,解压后点击 index.html 即可运行。(代码带注释,自行按需修改样式)

🎲 组件使用教程

  1. 复制组件文件'./components/FaceSlider/index.tsx',粘贴到文件夹中。

  2. 复制样式文件'./components/FaceSlider/style.css',粘贴到同一目录下。

  3. 使用例子教程:

    import SliderFace from "./components/FaceSlider";
    const FaceSlider = () => {
       return (
            <div style={{ margin: 'auto' , marginTop: '100px' }}>
                <SliderFace />
            </div>
       );
    };
    export default FaceSlider;

About

React组件实现的滑动变脸器,含HTML静态网页。

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published