hookehuyr

style(views): 统一学生性别图标样式并使用font-awesome图标

将学生详情页和班级页中的性别图标统一改为font-awesome的venus/mars图标,并调整图标大小样式保持一致
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2025-01-20 10:00:00
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-06-20 00:09:46
* @LastEditTime: 2025-06-20 10:11:32
* @FilePath: /mlaj/src/views/teacher/myClassPage.vue
* @Description: 我的班级页面
-->
......@@ -103,8 +103,8 @@
<div class="flex-1">
<div class="flex items-center">
<span class="font-medium text-gray-800 mr-2">{{ student.name }}</span>
<van-icon v-if="student.gender === 'male'" name="friends-o" color="#3b82f6" size="14" />
<van-icon v-else name="like-o" color="#ec4899" size="14" />
<font-awesome-icon v-if="student.gender === 'male'" icon="venus" color="#3b82f6" class="mr-2" style="font-size: 0.85rem;" />
<font-awesome-icon v-else icon="mars" color="#ec4899" class="mr-2" style="font-size: 0.85rem;" />
</div>
<div class="text-sm text-gray-500" style="text-align: left;">{{ student.className }}</div>
</div>
......
......@@ -2,7 +2,7 @@
* @Author: hookehuyr hookehuyr@gmail.com
* @Date: 2025-06-19 17:12:19
* @LastEditors: hookehuyr hookehuyr@gmail.com
* @LastEditTime: 2025-06-20 10:07:05
* @LastEditTime: 2025-06-20 10:12:20
* @FilePath: /mlaj/src/views/teacher/studentPage.vue
* @Description: 学生详情页面
-->
......@@ -17,8 +17,8 @@
<div class="flex-1">
<div class="flex items-center mb-2">
<h2 class="text-xl font-bold text-gray-800 mr-2">{{ studentInfo.name }}</h2>
<font-awesome-icon v-if="studentInfo.gender === 'male'" icon="venus" size="18" color="#3b82f6" class="mr-2" />
<font-awesome-icon v-else icon="mars" size="18" color="#ec4899" class="mr-2" />
<font-awesome-icon v-if="studentInfo.gender === 'male'" icon="venus" color="#3b82f6" class="mr-2" style="font-size: 0.85rem;" />
<font-awesome-icon v-else icon="mars" color="#ec4899" class="mr-2" style="font-size: 0.85rem;" />
</div>
<div class="flex items-center mb-2">
<van-icon name="chat-o" size="16" color="#10b981" class="mr-1" />
......