/my-slide

for lujinsuo hire test https://github.com/island205/Lu-Hire

Primary LanguageJavaScript

运行

双击 test.html

使用示例

暴露了一个接口 slideData。

其中 width height由 为 父级容器 100%。

// from index.jsx
import React from 'react'
import { render } from 'react-dom'

import LuSlide from './LuSlide/index.jsx'
import './index.scss'

const slideData = [
    {
        imgLink: 'https://static.lufaxcdn.com/wcm-images/zz78g4b0OIxyYbS3IXbFYw.png',
        clickLink: 'https://promo.lu.com/activity-pages/lhbzq-20160902/index.html',
        title: '宝宝'
    },
    {
        imgLink: 'https://static.lufaxcdn.com/wcm-images/2qOFjh8aqVfFpcyrnNjPzA.jpg',
        clickLink: 'https://promo.lu.com/activity-pages/jinqiupc-160902/index.html',
        title: '新客'
    },
    {
        imgLink: 'https://static.lufaxcdn.com/wcm-images/u0q8osrbz75XOvEv1P9_zg.jpg',
        clickLink: 'https://promo.lu.com/activity-pages/p2pxkpca-160824/index.html',
        title: 'P2P'
    }
]


render(
    <div className="slide-wrapper">
        <LuSlide slideData={slideData} />
    </div>,
    document.getElementById('Root')
)