camera-slider

React Camera Component.

Based on Camera.

Feature

• support ie8,ie8+,chrome,firefox,safari(basic usage)

• support edge,chrome,firefox,safari,opera(some transform animations)

Usage

import Camera from "camera-slider/rc-camera";
import "camera-slider/rc-camera/assets/index.css";

function contentBar(content) {
    return <div style={{ color: "red" }}>{content}</div>;
}

function Slider() {
    const imgList = [
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
            content:
                "这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行",
        },
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
        },
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
            content:
                "这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行",
        },
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
            content:
                "这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行",
        },
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
            content:
                "这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行",
        },
        {
            thumb: "thumbs/bridge.jpg",
            img: "png/bridge.jpg",
            content:
                "这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行这是一大段中文，发现中文竟然可以自动换行",
        },
    ];

    return <Camera imgList={imgList} contentBar={contentBar} />;
}

export default Slider;