2021-12-18

king

2021-12-18 b223552a0c4bc787ad251add025a93d77527ffbe

 src/menu/components/share/mobPagination/index.jsx

@@ -1,18 +1,32 @@
import React, {Component} from 'react'
import { Icon, Pagination } from 'antd-mobile'
import { RightOutlined, LeftOutlined } from '@ant-design/icons'

import './index.scss'

class MobPagination extends Component {
  render () {
    return (
      <Pagination className="mob-pagination" total={5}
        current={1}
        locale={{
          prevText: (<span><Icon type="left" />上一页</span>),
          nextText: (<span>下一页<Icon type="right" /></span>),
        }}
      />
      <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>),
      //   }}
      // />
    )
  }
}