2021-12-18

king

2021-12-18 b223552a0c4bc787ad251add025a93d77527ffbe

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
import React, {Component} from 'react'
import { RightOutlined, LeftOutlined } from '@ant-design/icons'
 
import './index.scss'
 
class MobPagination extends Component {
  render () {
    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>
      // <Pagination className="mob-pagination" total={5}
      //   current={1}
      //   locale={{
      //     prevText: (<span><LeftOutlined />上一页</span>),
      //     nextText: (<span>下一页<RightOutlined /></span>),
      //   }}
      // />
    )
  }
}
 
export default MobPagination