aidlab/FiDA_Front
7
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: 对话列表标签排版

Browse Source
This commit is contained in:
zhangyahui
2026-05-04 14:50:50 +08:00
parent 620962b9ee
commit c2f0f82218
1 changed files with 15 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/views/home/agent/components/Item.vue
View File

@@ -52,23 +52,7 @@
</div>
</div>
</div> -->
<div
class="message-txt markdown-body flex"
:class="{ 'has-parameter-tags': parameterTags.length > 0 }"
>
<div
v-if="parameterTags.length > 0"
class="message-parameter-tags flex align-center"
>
<div
v-for="tag in parameterTags"
:key="`${tag.kind}-${tag.label}`"
class="message-parameter-tag flex align-center"
>
<img :src="getParameterTagIcon(tag.kind)" class="parameter-tag-icon" />
<span>{{ tag.label }}</span>
</div>
</div>
<div class="message-txt markdown-body flex flex-col">
<VueMarkdown
:custom-attrs="customAttrs"
:markdown="content.text"
@@ -84,6 +68,19 @@
<Sketch @click="handleClickSketch" />
</template>
</VueMarkdown>
<div
v-if="parameterTags.length > 0"
class="message-parameter-tags flex align-center"
>
<div
v-for="tag in parameterTags"
:key="`${tag.kind}-${tag.label}`"
class="message-parameter-tag flex align-center"
>
<img :src="getParameterTagIcon(tag.kind)" class="parameter-tag-icon" />
<span>{{ tag.label }}</span>
</div>
</div>
<div
class="web-address flex align-center"
v-show="content.webAddress?.length > 0"
@@ -388,7 +385,7 @@
flex-wrap: wrap;
justify-content: flex-start;
gap: 0.8rem;
margin-right: 0.8rem;
margin-top: 0.8rem;
}
.message-parameter-tag {
height: 3rem;
@@ -511,17 +508,6 @@
<style lang="less">
.message-txt {
user-select: text;
align-items: flex-start;
flex-wrap: wrap;
row-gap: 0.4rem;
&.has-parameter-tags {
align-items: center;
> div:not(.message-parameter-tags) {
flex: 1;
min-width: 18rem;
}
}
ul {
list-style-position: inside;