import React, {useState} from 'react'
import { View, Image, Text } from '@tarojs/components'
import './index.scss'
const stepList = new Array(8).fill(0)
const RankList: React.FC = () => {
// 当前选中的Menu下标
const [MenuIndex, setMenuIndex] = useState(0)
// 渲染排名等级
const RenderThree = (rank: number) => {
if (rank < 4) {
return
} else {
return rank
}
}
// 渲染做题记录
const RenderTopicRecord = () => {
return (
2020/4/18
)
}
// 渲染排行榜
const RenderRank = () => {
return (
{RenderThree(2)}
22222222222222222
正确率：80%
用时:10s
{
stepList.map( (item, index) => (
{RenderThree(index + 1)}
22222222222222222
正确率：80%
用时:10s
))
}
)
}
return (
setMenuIndex(0)}> 排行榜
setMenuIndex(1)}> 做题记录
{/* 排行榜 */}
{
MenuIndex === 0 ? RenderRank() : RenderTopicRecord()
}
)
}
const My: React.FC = () => {
const RenderTopicResult = () => {
// return
return (
未解锁
)
}
return (
小明
{/* 闯关进度 */}
{
stepList.map( (item, index) => (
{
RenderTopicResult()
}
))
}
{/* 卡片 */}
{/* 排行榜 */}
)
}
export default My