bluenote/src/components/chat-message/Message.tsx

import { View, Text } from "@tarojs/components";
import ThinkAnimation from '../think-animation/index'
import style from './index.module.less'
interface Props {
  text: string
}
export default ({text}:Props) => {
  return <View className="flex justify-end">
    <View className={`${style.message } ${style.messageMe}`}>
      <View className={`${style.messageContent}`}>
        {text.length === 0 && <ThinkAnimation></ThinkAnimation>}
        <Text>{text}</Text>
      </View>
    </View>
  </View>
}