JiXinHui
/
YingXingAI
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
pages/chat/index.vue
View File

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