前端 FontSize 对比

尺寸

实时编辑器

function FontSize(props) {
    let  arrList = [
      
    ]
    for (let i =10;i <100;i ++){
        arrList = [...arrList,{
            fontSize: {
                fontSize: i+'px'
            },
            i :i 
        }]
    }
    const concatPx = (item)=>{
        
        return item +'px'
    }
    const [listSize,setListSize] = useState([])
    useEffect(() => {
         for (let i=10;i <100;i ++){
             setListSize(...listSize,i)
         }
         
         
    }, [])
    return <div style={{cursor:'pointer'}}>
      
        {
            arrList.map(item=>{
                return <p key={item.i} style={item.fontSize} title={concatPx(item.i)}  > 正 <sup>{concatPx(item.i)} </sup></p>
            })
        }
    </div>
}

结果

Loading...