style: 对话列表标签排版

src/views/home/agent/components/Item.vue

@@ -52,23 +52,7 @@
 						</div>
 					</div>
 				</div> -->
-				<div
+				<div class="message-txt markdown-body flex flex-col">
-					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>
 					<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;