0.1.2 • Published 3 years ago
lion-ant-slider v0.1.2
HomeWork
使用方法
import { Slider } from "lion-ant-slider";
import "lion-ant-slider/lib/slider.css";
设计要求
- 设计一个轮播组件
- 循环播放
- 视觉上中间大两边小
- 可参考:https://dribbble.com/shots/6584163-Playlist-Carousel
- 支持传入属性
- 可分发成 npm 组件并通过包管理工具安装使用
类型定义:
type Props = { // 轮播的图片地址 images: string[], // 轮番展示的图片数 displayNumber: number // 每次轮播的时间间隔 stepInterval: number // 点击事件 onClickNext: (index: number) => void onClickPrev: (index: number) => void }
增加属性支持受控模式与非受控模式
- 移动端兼容
- UI 好看
加分项
- 构建一个现代化的前端应用
- 代码整洁、结构良好、易于拓展
- 具备 web 开发最佳实践
- 加入自己的创意
- 加入自己认可的加分项
- 有在线演示地址
提交方式
邮件提交 github 代码仓库