feat: 增加圈子
This commit is contained in:
@@ -20,7 +20,7 @@ const MENULIST = [
|
|||||||
key: 'practiceQuestions',
|
key: 'practiceQuestions',
|
||||||
title: '鸡圈',
|
title: '鸡圈',
|
||||||
route: '/jichi-club',
|
route: '/jichi-club',
|
||||||
finished: false
|
finished: true
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: 'interList',
|
key: 'interList',
|
||||||
|
@@ -50,6 +50,10 @@ const router = createBrowserRouter([
|
|||||||
{
|
{
|
||||||
path: 'practise-analytic/:id',
|
path: 'practise-analytic/:id',
|
||||||
Component: lazy(() => import('@views/practise/practise-analytic'))
|
Component: lazy(() => import('@views/practise/practise-analytic'))
|
||||||
|
},
|
||||||
|
{
|
||||||
|
path: 'jichi-club',
|
||||||
|
Component: lazy(() => import('@views/chicken-circle'))
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
0
src/views/chicken-circle/index.less
Normal file
0
src/views/chicken-circle/index.less
Normal file
20
src/views/chicken-circle/index.tsx
Normal file
20
src/views/chicken-circle/index.tsx
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
import { Input } from 'antd'
|
||||||
|
|
||||||
|
const { TextArea } = Input
|
||||||
|
const Circle = () => {
|
||||||
|
return (
|
||||||
|
<div className='circle-box'>
|
||||||
|
<div className='top-input-box'>
|
||||||
|
<TextArea
|
||||||
|
showCount
|
||||||
|
maxLength={100}
|
||||||
|
// onChange={onChange}
|
||||||
|
placeholder='disable resize'
|
||||||
|
style={{ height: 120, resize: 'none', outline: 'none' }}
|
||||||
|
/>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
)
|
||||||
|
}
|
||||||
|
|
||||||
|
export default Circle
|
@@ -7,15 +7,15 @@ import './index.less'
|
|||||||
|
|
||||||
const tabList = [
|
const tabList = [
|
||||||
{
|
{
|
||||||
key: '1',
|
key: '0',
|
||||||
tab: '默认'
|
tab: '默认'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '2',
|
key: '1',
|
||||||
tab: '最新'
|
tab: '最新'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
key: '3',
|
key: '2',
|
||||||
tab: '最热'
|
tab: '最热'
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
@@ -26,7 +26,7 @@ const PaperView = props => {
|
|||||||
|
|
||||||
const [spinning, setSpinning] = useState(false)
|
const [spinning, setSpinning] = useState(false)
|
||||||
const [paperList, setPaperList] = useState([])
|
const [paperList, setPaperList] = useState([])
|
||||||
const [orderType, setOrderType] = useState('1')
|
const [orderType, setOrderType] = useState('0')
|
||||||
const [pageInfo, setPageInfo] = useState({
|
const [pageInfo, setPageInfo] = useState({
|
||||||
total: 0,
|
total: 0,
|
||||||
pageIndex: 1
|
pageIndex: 1
|
||||||
@@ -107,7 +107,16 @@ const PaperView = props => {
|
|||||||
onClick={() => handleJump(item.setId)}
|
onClick={() => handleJump(item.setId)}
|
||||||
key={`paperList_${index}`}
|
key={`paperList_${index}`}
|
||||||
>
|
>
|
||||||
<h1 className='paper-box-cardlist-body-item-title'>{item.setName}</h1>
|
<h1 className='paper-box-cardlist-body-item-title'>
|
||||||
|
{item.setName || item.title}
|
||||||
|
</h1>
|
||||||
|
{type === 'unfinish' ? (
|
||||||
|
<div className='paper-box-cardlist-body-item-hot'>
|
||||||
|
<div>上次练习时间</div>
|
||||||
|
{item.practiceTime}
|
||||||
|
</div>
|
||||||
|
) : (
|
||||||
|
<>
|
||||||
<div className='paper-box-cardlist-body-item-hot'>
|
<div className='paper-box-cardlist-body-item-hot'>
|
||||||
热度指数:{item.setHeat}
|
热度指数:{item.setHeat}
|
||||||
</div>
|
</div>
|
||||||
@@ -116,6 +125,8 @@ const PaperView = props => {
|
|||||||
<span className='hide-3-line'>{item.setDesc}</span>
|
<span className='hide-3-line'>{item.setDesc}</span>
|
||||||
</Tooltip>
|
</Tooltip>
|
||||||
</div>
|
</div>
|
||||||
|
</>
|
||||||
|
)}
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
})
|
})
|
||||||
|
@@ -63,7 +63,7 @@ export default function RankingBox(props) {
|
|||||||
{rankingList?.length > 0 &&
|
{rankingList?.length > 0 &&
|
||||||
rankingList.map((item, index) => {
|
rankingList.map((item, index) => {
|
||||||
return (
|
return (
|
||||||
<div className='ranking-item' key={item.id}>
|
<div className='ranking-item' key={index}>
|
||||||
<div className='ranking-left'>
|
<div className='ranking-left'>
|
||||||
<div
|
<div
|
||||||
className='ranking-icon'
|
className='ranking-icon'
|
||||||
@@ -74,24 +74,27 @@ export default function RankingBox(props) {
|
|||||||
{index > 2 && index + 1}
|
{index > 2 && index + 1}
|
||||||
</div>
|
</div>
|
||||||
<div className='ranking-head-img'>
|
<div className='ranking-head-img'>
|
||||||
<img src={item.createUserAvatar} className='ranking-head-icon' />
|
<img
|
||||||
|
src={item.createUserAvatar || item.avatar}
|
||||||
|
className='ranking-head-icon'
|
||||||
|
/>
|
||||||
</div>
|
</div>
|
||||||
<Popover
|
<Popover
|
||||||
title={<div>{item.createUser}</div>}
|
title={<div>{item.createUser}</div>}
|
||||||
content={
|
content={
|
||||||
<div className='tooltip-info'>
|
<div className='tooltip-info'>
|
||||||
<div>{item.createUser}</div>
|
<div>{item.createUser || item.name}</div>
|
||||||
{/* <div>{item.organizationFullName}</div> */}
|
{/* <div>{item.organizationFullName}</div> */}
|
||||||
</div>
|
</div>
|
||||||
}
|
}
|
||||||
>
|
>
|
||||||
<div className='ranking-info'>
|
<div className='ranking-info'>
|
||||||
<div className='ranking-name'>{item.createUser}</div>
|
<div className='ranking-name'>{item.createUser || item.name}</div>
|
||||||
{/* <div className="ranking-department">{item.organizationName}</div> */}
|
{/* <div className="ranking-department">{item.organizationName}</div> */}
|
||||||
</div>
|
</div>
|
||||||
</Popover>
|
</Popover>
|
||||||
</div>
|
</div>
|
||||||
<div className='ranking-right'>🔥 {item.subjectCount}</div>
|
<div className='ranking-right'>🔥 {item.subjectCount || item.count}</div>
|
||||||
</div>
|
</div>
|
||||||
)
|
)
|
||||||
})}
|
})}
|
||||||
|
Reference in New Issue
Block a user