refactor(media-query): improve pagi in mobile

Author: mydearxym

components/Pagi/index.js

@@ -9,7 +9,7 @@ import { Pagination } from 'antd'
 import PropTypes from 'prop-types'
 
 import { makeDebugger } from 'utils'
-import { PagiWrapper, BottomMsg } from './styles'
+import { PagiWrapper, CustomText, BottomMsg } from './styles'
 
 /* eslint-disable-next-line */
 const debug = makeDebugger('c:Pagi:index')
@@ -19,9 +19,9 @@ const hasExtraPage = (totalCount, pageSize) => totalCount > pageSize
 export const PagiCustomRender = (current, type, originalElement) => {
   /* eslint-disable */
   if (type === 'prev') {
-    return <a>上一页</a>
+    return <CustomText>上一页</CustomText>
   } else if (type === 'next') {
-    return <a>下一页</a>
+    return <CustomText>下一页</CustomText>
   }
   /* eslint-enable */
   return originalElement

components/Pagi/styles/index.js

@@ -1,5 +1,5 @@
 import styled from 'styled-components'
-import { theme } from 'utils'
+import { theme, cs } from 'utils'
 
 export const PagiWrapper = styled.div`
   text-align: center;
@@ -8,6 +8,10 @@ export const PagiWrapper = styled.div`
   margin-left: ${({ left }) => left};
 `
 
+export const CustomText = styled.a`
+  ${cs.media.tablet`display: none`};
+`
+
 export const BottomMsg = styled.div`
   font-size: 1.1rem;
   color: ${theme('thread.articleDigest')};