From 01a88094eaa183714ed7490ca7b85fee1e7bb064 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期六, 20 五月 2023 23:03:41 +0800 Subject: [PATCH] 2023-05-20 --- src/menu/components/share/mobPagination/index.jsx | 23 +++++++++++++++-------- 1 files changed, 15 insertions(+), 8 deletions(-) diff --git a/src/menu/components/share/mobPagination/index.jsx b/src/menu/components/share/mobPagination/index.jsx index d46c722..b4dbb09 100644 --- a/src/menu/components/share/mobPagination/index.jsx +++ b/src/menu/components/share/mobPagination/index.jsx @@ -1,18 +1,25 @@ 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> ) } } -- Gitblit v1.8.0