taro/src/components/view/MultiText.tsx

import { Text } from "@tarojs/components"

export default function Component(props: {
    values: any,
    units: any,
    color:string,
    valueSize:any,
    unitSize:any
}) {
    return <Text  style={{color:props.color}}>
        {
            props.values.map((item, index) => {
                return <Text>
                    <Text style={{fontSize:props.valueSize,fontWeight:'bold',lineHeight:1,marginRight:1}}>{item}</Text>
                    <Text  style={{fontSize:props.unitSize,opacity:0.8,lineHeight:1,marginRight:1,fontWeight:'bold'}}>{props.units[index]}</Text>
                </Text>
            })
        }
    </Text>
}