更新

2026-03-11 09:49:47 +08:00
parent 02ae537b4c
commit 38ad60f4bb
290 changed files with 36917 additions and 123 deletions
@@ -0,0 +1,26 @@
+<template>
+    <view class="bubble" :class="{ 'bubble-me': message?.flow === 'out' }">
+        <text class="text" :style="{ wordBreak: shouldBreakWord ? 'break-all' : 'normal' }">
+            {{ message.payload.text }}
+        </text>
+    </view>
+</template>
+
+<script lang="ts" setup>
+import { computed } from 'vue'
+
+const props = defineProps({
+    message: {
+        type: Object,
+    },
+})
+
+const shouldBreakWord = computed(() => {
+    return props.message?.payload?.text?.length > 50
+})
+
+</script>
+
+<style lang="scss" scoped>
+@import './Message.module.scss';
+</style>