From b223552a0c4bc787ad251add025a93d77527ffbe Mon Sep 17 00:00:00 2001
From: king <18310653075@163.com>
Date: 星期六, 18 十二月 2021 23:36:28 +0800
Subject: [PATCH] 2021-12-18
---
src/menu/components/share/mobPagination/index.jsx | 30 ++++++++++++++++++++++--------
1 files changed, 22 insertions(+), 8 deletions(-)
diff --git a/src/menu/components/share/mobPagination/index.jsx b/src/menu/components/share/mobPagination/index.jsx
index d46c722..173484d 100644
--- a/src/menu/components/share/mobPagination/index.jsx
+++ b/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>),
+ // }}
+ // />
)
}
}
--
Gitblit v1.8.0