yudao
/
admin-vue3
mirror of https://gitee.com/yudaocode/yudao-ui-admin-vue3.git
3
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat：【AI 大模型】RoleCategory.vue、RoleHeader.vue 使用 unocss

pull/804/head
YunaiV 2025-07-26 23:40:18 +08:00
parent a8047e50ac
commit 9087ffb1bd
2 changed files with 5 additions and 46 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/views/ai/chat/index/components/role/RoleCategoryList.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<div class="category-list"> <div class="flex flex-row flex-wrap items-center">
<div class="category" v-for="category in categoryList" :key="category"> <div class="flex flex-row mr-10px" v-for="category in categoryList" :key="category">
<el-button <el-button
plain plain
round round
@ -37,17 +37,3 @@ const handleCategoryClick = async (category: string) => {
emits('onCategoryClick', category) emits('onCategoryClick', category)
} }
</script> </script>
<style scoped lang="scss">
.category-list {
display: flex;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
.category {
display: flex;
flex-direction: row;
margin-right: 10px;
}
}
</style>

33
src/views/ai/chat/index/components/role/RoleHeader.vue
View File

@ -1,10 +1,10 @@
<!-- header --> <!-- header -->
<template> <template>
<el-header class="chat-header"> <el-header class="flex flex-row justify-between items-center px-10px whitespace-nowrap text-ellipsis w-full" :style="{ backgroundColor: 'var(--el-bg-color-page)' }">
<div class="title"> <div class="text-20px font-bold overflow-hidden max-w-220px" :style="{ color: 'var(--el-text-color-primary)' }">
{{ title }} {{ title }}
</div> </div>
<div class="title-right"> <div class="flex flex-row">
<slot></slot> <slot></slot>
</div> </div>
</el-header> </el-header>
@ -19,30 +19,3 @@ defineProps({
} }
}) })
</script> </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: var(--el-bg-color-page);
width: 100%;
.title {
font-size: 20px;
font-weight: bold;
overflow: hidden;
color: var(--el-text-color-primary);
max-width: 220px;
}
.title-right {
display: flex;
flex-direction: row;
}
}
</style>