refactor(chat): 优化用户信息展示布局和样式

This commit is contained in:
yangzhe 2026-01-21 13:04:03 +08:00
parent 57f63e02fa
commit ab34b1cd54
1 changed files with 22 additions and 24 deletions

View File

@ -27,7 +27,6 @@
:src="receiverHeadSculptureUrl"
></image>
<div class="teacher-info">
<div>{{vuex_userType}}</div>
<div class="teacher-header">
<div class="teacher-name">{{ vuex_msgUser.name }}</div>
<div class="reply-tag">
@ -43,16 +42,26 @@
</div>
</div>
<!-- <div class="teacher-school">
<div class="teacher-school">
<image
class="school-icon"
src="/static/common/images/icon_college.png"
></image>
<!--= 后端让先写死 -->
<!-- 后端让先写死 -->
<!-- <text class="school-text">{{ vuex_msgUser.collegeName }}</text> -->
<text class="school-text">江西新能源科技职业学院</text>
</div>
<div class="teacher-college">
<image
class="college-icon"
src="/static/common/images/icon_major.png"
></image>
<text class="college-text">{{ vuex_msgUser.collegeName }}</text>
</div>
</div>
</div>
<!-- vuex_userType === 1 展示 学生信息 -->
<div class="teacher-info-card" v-if="vuex_userType == 1">
<image
class="teacher-avatar"
@ -73,28 +82,19 @@
></image>
</div>
<div class="teacher-location">
<image class="location-icon" src="@/static/common/images/location.png">
<image
class="location-icon"
src="@/static/common/images/location.png"
>
</image>
<text class="location-text">
归属地 <span style="font-weight: bold;">{{vuex_msgUser.shen}}</span>
归属地
<span style="font-weight: bold">{{ vuex_msgUser.shen }}</span>
</text>
</div>
</div>
</div>
<!-- vuex_userType === 1 展示 学生信息 -->
<div class="student-info-card" v-if="vuex_userType === 1">
<!-- <image
class="student-avatar"
:src="headSculptureUrl"
></image>
<div class="student-info">
<div class="student-header">
<div class="student-name">{{ vuex_user.name }}</div>
</div>
</div> -->
</div>
<!-- 上拉刷新loading -->
<view class="loading-more" v-if="isLoading">
<u-loading mode="circle" color="#4370fe"></u-loading>
@ -504,8 +504,6 @@ export default {
margin-right: 20rpx;
}
.reply-tag {
display: flex;
align-items: center;