diff --git a/src/common/pages/Vouchers/index.js b/src/common/pages/Vouchers/index.js index f15daa6..8ae6925 100644 --- a/src/common/pages/Vouchers/index.js +++ b/src/common/pages/Vouchers/index.js @@ -1,7 +1,7 @@ import React from 'react'; import {inject, observer} from 'mobx-react'; 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 './style.scss'; import {ItemCard} from "./ItemCard"; @@ -186,6 +186,18 @@ export default class VouchersComponent extends React.Component { return (
diff --git a/src/common/pages/Vouchers/style.scss b/src/common/pages/Vouchers/style.scss index 64c9442..1af819d 100644 --- a/src/common/pages/Vouchers/style.scss +++ b/src/common/pages/Vouchers/style.scss @@ -28,4 +28,17 @@ margin-top: 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; + } + }