Ahmad.zuhdi.y/bukopin-redemption-client-react
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

voucher slider

Browse Source
This commit is contained in:
enggar_ganteng
2019-01-04 20:26:59 +07:00
parent ec1cabc426
commit ce53144be0
2 changed files with 26 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/common/pages/Vouchers/index.js
View File

@@ -1,7 +1,7 @@
import React from 'react'; import React from 'react';
import {inject, observer} from 'mobx-react'; import {inject, observer} from 'mobx-react';
import {Link} from 'react-router'; import {Link} from 'react-router';
import {Affix, Card, Slider, Select, Col, Row } from 'antd'; import {Affix, Card, Slider, Select, Col, Row, Carousel } from 'antd';
import {Tab, Tabs} from 'material-ui'; import {Tab, Tabs} from 'material-ui';
import './style.scss'; import './style.scss';
import {ItemCard} from "./ItemCard"; import {ItemCard} from "./ItemCard";
@@ -186,6 +186,18 @@ export default class VouchersComponent extends React.Component {
return ( return (
<div className="voucher"> <div className="voucher">
<div className="row">
<Carousel autoplay>
<div><img alt="Banner 1" style={{width:960,height:239}} src="https://ecs7.tokopedia.net/img/banner/2018/12/18/41966928/41966928_03c39a82-9ec8-45c3-8184-2d1a0fd810cd.jpg" /></div>
<div><img alt="Banner 2" style={{width:960,height:239}} src="https://ecs7.tokopedia.net/img/banner/2019/1/4/42484317/42484317_e6f6cdf6-90a4-4c21-86fe-c7910982a8e9.jpg" /></div>
<div><img alt="Banner 3" style={{width:960,height:239}} src="https://ecs7.tokopedia.net/img/banner/2019/1/4/42484317/42484317_e6f6cdf6-90a4-4c21-86fe-c7910982a8e9.jpg" /></div>
<div><img alt="Banner 4" style={{width:960,height:239}} src="https://ecs7.tokopedia.net/img/banner/2019/1/4/42484317/42484317_e6f6cdf6-90a4-4c21-86fe-c7910982a8e9.jpg" /></div>
{/* <div><img alt="Nikmati Praktisnya Bayar Produk Digital, Cashback s.d. 350 ribu" class="_3NAr8" src="https://ecs7.tokopedia.net/img/banner/2018/12/18/41966928/41966928_03c39a82-9ec8-45c3-8184-2d1a0fd810cd.jpg" /></div>
<div><img alt="Nikmati Praktisnya Bayar Produk Digital, Cashback s.d. 350 ribu" class="_3NAr8" src="https://ecs7.tokopedia.net/img/banner/2018/12/18/41966928/41966928_03c39a82-9ec8-45c3-8184-2d1a0fd810cd.jpg" /></div>
<div><img alt="Nikmati Praktisnya Bayar Produk Digital, Cashback s.d. 350 ribu" class="_3NAr8" src="https://ecs7.tokopedia.net/img/banner/2018/12/18/41966928/41966928_03c39a82-9ec8-45c3-8184-2d1a0fd810cd.jpg" /></div>
<div><img alt="Nikmati Praktisnya Bayar Produk Digital, Cashback s.d. 350 ribu" class="_3NAr8" src="https://ecs7.tokopedia.net/img/banner/2018/12/18/41966928/41966928_03c39a82-9ec8-45c3-8184-2d1a0fd810cd.jpg" /></div> */}
</Carousel>
</div>
<div className="row"> <div className="row">
<div className="col l12 m12 s12 padding"> <div className="col l12 m12 s12 padding">
<p className={'pageTitle'}> <p className={'pageTitle'}>

13
src/common/pages/Vouchers/style.scss
View File

@@ -28,4 +28,17 @@
margin-top: 10px; margin-top: 10px;
margin-bottom: -10px; margin-bottom: -10px;
} }
.ant-carousel .slick-slide {
text-align: center;
height: 160px;
line-height: 160px;
background: #364d79;
overflow: hidden;
}
.ant-carousel .slick-slide h3 {
color: #fff;
}
} }