From 46f79b491173d284a4900d19e7aecf7509481438 Mon Sep 17 00:00:00 2001 From: king <18310653075@163.com> Date: 星期五, 21 一月 2022 17:21:25 +0800 Subject: [PATCH] 2022-01-21 --- src/menu/components/share/mobPagination/index.jsx | 30 ++++++++++++++++++------------ 1 files changed, 18 insertions(+), 12 deletions(-) diff --git a/src/menu/components/share/mobPagination/index.jsx b/src/menu/components/share/mobPagination/index.jsx index e6fdc37..b4dbb09 100644 --- a/src/menu/components/share/mobPagination/index.jsx +++ b/src/menu/components/share/mobPagination/index.jsx @@ -1,20 +1,26 @@ -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> + ) } } -- Gitblit v1.8.0