| | |
| | | import {Component} from 'react' |
| | | // import { Icon, Pagination } from 'antd-mobile' |
| | | import React, {Component} from 'react' |
| | | import { RightOutlined, LeftOutlined } from '@ant-design/icons' |
| | | |
| | | import './index.scss' |
| | | |
| | | class MobPagination extends Component { |
| | | render () { |
| | | return null |
| | | // return ( |
| | | // <Pagination className="mob-pagination" total={5} |
| | | // current={1} |
| | | // locale={{ |
| | | // prevText: (<span><Icon type="left" />上一页</span>), |
| | | // nextText: (<span>下一页<Icon type="right" /></span>), |
| | | // }} |
| | | // /> |
| | | // ) |
| | | return ( |
| | | <div className="normal-pagination"> |
| | | <div className="mk-flexbox"> |
| | | <div className="mk-flexbox-item mk-flexbox-item-prev disabled"> |
| | | <LeftOutlined /> 上一页 |
| | | </div> |
| | | <div className="mk-flexbox-item"> |
| | | <span className="mk-system-color">1</span>/ |
| | | <span>5</span> |
| | | </div> |
| | | <div className="mk-flexbox-item mk-flexbox-item-next"> |
| | | 下一页 <RightOutlined /> |
| | | </div> |
| | | </div> |
| | | </div> |
| | | ) |
| | | } |
| | | } |
| | | |