Yusaki/MiroFish
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Refactor Step5Interaction component to streamline profile display and remove unused topics section

Browse source 
- Combined conditions for displaying the profile card body and bio for improved clarity.
- Removed the topics section and associated CSS styles to simplify the component and enhance user experience.
This commit is contained in:
666ghj 2025-12-16 18:55:30 +08:00
parent c738d7edfb
commit 318d60fa42
1 changed files with 2 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

32
frontend/src/components/Step5Interaction.vue
View file

@ -156,17 +156,11 @@
</svg> </svg>
</button> </button>
</div> </div>
<div v-if="showFullProfile" class="profile-card-body"> <div v-if="showFullProfile && selectedAgent.bio" class="profile-card-body">
<div v-if="selectedAgent.bio" class="profile-card-bio"> <div class="profile-card-bio">
<div class="profile-card-label">简介</div> <div class="profile-card-label">简介</div>
<p>{{ selectedAgent.bio }}</p> <p>{{ selectedAgent.bio }}</p>
</div> </div>
<div v-if="selectedAgent.interested_topics?.length" class="profile-card-topics">
<div class="profile-card-label">兴趣领域</div>
<div class="profile-topics-list">
<span v-for="topic in selectedAgent.interested_topics" :key="topic" class="profile-topic-tag">{{ topic }}</span>
</div>
</div>
</div> </div>
</div> </div>
@ -1335,28 +1329,6 @@ watch(() => props.simulationId, (newId) => {
color: #4B5563; color: #4B5563;
} }
.profile-card-topics {
background: #FFFFFF;
padding: 12px 14px;
border-radius: 8px;
border: 1px solid #E5E7EB;
}
.profile-topics-list {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.profile-topic-tag {
padding: 4px 10px;
background: #F3F4F6;
color: #374151;
border-radius: 12px;
font-size: 12px;
font-weight: 500;
}
/* Target Selector */ /* Target Selector */
.target-selector { .target-selector {
padding: 16px 24px; padding: 16px 24px;