feat: 第一次上传代码

pages/chat/ChatCardAI.vue

@@ -0,0 +1,45 @@
+<template>
+	<view class="chat-ai">
+		<text>{{ text }}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script setup>
+	import { defineProps } from "vue";
+	defineProps({
+	  text: {
+	    type: String,
+	    default: ''
+	  }
+	})
+</script>
+
+<style lang="scss" scoped>
+	.chat-ai {
+		margin: 6px 12px;
+		padding: 16px;
+		
+		background: rgba(255,255,255,0.4);
+		box-shadow: 2px 2px 10px 0px rgba(0,0,0,0.1);
+		border-radius: 4px 20px 20px 20px;
+		border: 1px solid;
+		border-color: #FFFFFF;
+		
+		display: flex;
+		flex-direction: column;
+		max-width: 100%;  // ✅ 限制最大宽度
+		overflow-x: hidden;  // ✅ 防止横向撑开
+		
+		text {
+			font-family: PingFang SC, PingFang SC;
+			font-weight: 400;
+			font-size: 14px;
+			color: #333333;
+			line-height: 22px;
+			text-align: justify;
+			font-style: normal;
+			text-transform: none;
+		}
+	}
+</style>