React组件实现的滑动变脸器,含HTML静态网页。
-
克隆仓库:
git clone https://github.com/miemingdouwu/FaceSlider.git cd FaceSlider -
安装依赖:
npm install # 或者 yarn install -
启动项目:
npm start # 或者 yarn start -
部署项目:
npm run build
直接下载 ZIP 文件,解压后点击 index.html 即可运行。(代码带注释,自行按需修改样式)
-
复制组件文件'./components/FaceSlider/index.tsx',粘贴到文件夹中。
-
复制样式文件'./components/FaceSlider/style.css',粘贴到同一目录下。
-
使用例子教程:
import SliderFace from "./components/FaceSlider"; const FaceSlider = () => { return ( <div style={{ margin: 'auto' , marginTop: '100px' }}> <SliderFace /> </div> ); }; export default FaceSlider;
