Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
602ae2b2 1 parent 3f7ad6c4

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

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