From f84c0f2de793be5dac3bda0e952afe14c625f596 Mon Sep 17 00:00:00 2001
From: dongyukun <1208714201@qq.com>
Date: 星期四, 26 六月 2025 16:35:28 +0800
Subject: [PATCH] ai模型绑定
---
src/views/ai/chat/index/components/role/RoleHeader.vue | 48 ++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 48 insertions(+), 0 deletions(-)
diff --git a/src/views/ai/chat/index/components/role/RoleHeader.vue b/src/views/ai/chat/index/components/role/RoleHeader.vue
new file mode 100644
index 0000000..17b1693
--- /dev/null
+++ b/src/views/ai/chat/index/components/role/RoleHeader.vue
@@ -0,0 +1,48 @@
+<!-- header -->
+<template>
+ <el-header class="chat-header">
+ <div class="title">
+ {{ title }}
+ </div>
+ <div class="title-right">
+ <slot></slot>
+ </div>
+ </el-header>
+</template>
+
+<script setup lang="ts">
+// 设置组件属性
+defineProps({
+ title: {
+ type: String,
+ required: true
+ }
+})
+</script>
+
+<style scoped lang="scss">
+.chat-header {
+ display: flex;
+ flex-direction: row;
+ justify-content: space-between;
+ align-items: center;
+ padding: 0 10px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ background-color: #ececec;
+ width: 100%;
+
+ .title {
+ font-size: 20px;
+ font-weight: bold;
+ overflow: hidden;
+ color: #3e3e3e;
+ max-width: 220px;
+ }
+
+ .title-right {
+ display: flex;
+ flex-direction: row;
+ }
+}
+</style>
--
Gitblit v1.9.3