5

GitHub - Binaryify/react-carousel: react-carousel

 2 years ago
source link: https://github.com/Binaryify/react-carousel
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

React-carousel

this is react-carousel component and it suport Responsive layout!(suport gesture operation!)

这是个react轮播图组件,并且它是响应式的!(支持手势操作!)

demo地址

#Start

$ git clone [email protected]:zhuangtongfa/react-carousel.git

$ npm install

$ npm start

#Usage

<link rel="stylesheet" href="./css/font-awesome.min.css">
import React from 'react';
import ReactDOM from 'react-dom'
import Slider from './slider.jsx';
var slides = [{
    background: "./imgs/1.jpg",
    link: "https://zhuangtongfa.github.io/"
  }, {
    background: "./imgs/2.jpg",
    link: "https://zhuangtongfa.github.io/"
  }, {
    background: "./imgs/3.jpg",
    link:"https://zhuangtongfa.github.io/"
  }];

ReactDOM.render( < Slider slides= {slides} time="2000"/ > , document.getElementById("app"));

report

Recommend

About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK