Hooke / mlaj

Go to a project
Toggle navigation Toggle navigation pinning
hookehuyr
3f7ad6c4 1 parent 6570b51f

feat(学生页面): 替换性别图标为font-awesome并添加venus和mars图标 

在main.js中添加了新的font-awesome图标，并在学生详情页面中将van-icon替换为font-awesome的性别图标
Inline Side-by-side
Showing 2 changed files with 6 additions and 6 deletions
1 /* 1 /*
2 * @Date: 2025-03-20 20:36:36 2 * @Date: 2025-03-20 20:36:36
3 * @LastEditors: hookehuyr hookehuyr@gmail.com 3 * @LastEditors: hookehuyr hookehuyr@gmail.com
4 - * @LastEditTime: 2025-05-16 16:42:32 4 + * @LastEditTime: 2025-06-20 10:00:51
5 * @FilePath: /mlaj/src/main.js 5 * @FilePath: /mlaj/src/main.js
6 * @Description: 文件描述 6 * @Description: 文件描述
7 */ 7 */
...@@ -18,10 +18,10 @@ import { library } from '@fortawesome/fontawesome-svg-core' ...@@ -18,10 +18,10 @@ import { library } from '@fortawesome/fontawesome-svg-core'
18 /* import font awesome icon component */ 18 /* import font awesome icon component */
19 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome' 19 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
20 /* import specific icons */ 20 /* import specific icons */
21 -import { faCirclePause, faCirclePlay, faPlay, faPause, faBackwardStep, faForwardStep, faVolumeUp, faRedo, faRepeat, faList, faChevronDown, faVolumeOff, faXmark, faFileAlt, faTimes, faEye, faFilePdf, faExternalLinkAlt, faSpinner, faExclamationCircle, faDownload } from '@fortawesome/free-solid-svg-icons' 21 +import { faCirclePause, faCirclePlay, faPlay, faPause, faBackwardStep, faForwardStep, faVolumeUp, faRedo, faRepeat, faList, faChevronDown, faVolumeOff, faXmark, faFileAlt, faTimes, faEye, faFilePdf, faExternalLinkAlt, faSpinner, faExclamationCircle, faDownload, faVenus, faMars } from '@fortawesome/free-solid-svg-icons'
22 22
23 /* add icons to the library */ 23 /* add icons to the library */
24 -library.add(faCirclePause, faCirclePlay, faPlay, faPause, faBackwardStep, faForwardStep, faVolumeUp, faRedo, faRepeat, faList, faChevronDown, faVolumeOff, faXmark, faFileAlt, faTimes, faEye, faFilePdf, faExternalLinkAlt, faSpinner, faExclamationCircle, faDownload ) 24 +library.add(faCirclePause, faCirclePlay, faPlay, faPause, faBackwardStep, faForwardStep, faVolumeUp, faRedo, faRepeat, faList, faChevronDown, faVolumeOff, faXmark, faFileAlt, faTimes, faEye, faFilePdf, faExternalLinkAlt, faSpinner, faExclamationCircle, faDownload, faVenus, faMars )
25 25
26 if (!Array.prototype.at) { 26 if (!Array.prototype.at) {
27 Array.prototype.at = function(n) { 27 Array.prototype.at = function(n) {
......
...@@ -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 09:55:57 5 + * @LastEditTime: 2025-06-20 10:07:05
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 - <van-icon v-if="studentInfo.gender === 'male'" name="friends-o" color="#3b82f6" size="16" /> 20 + <font-awesome-icon v-if="studentInfo.gender === 'male'" icon="venus" size="18" color="#3b82f6" class="mr-2" />
21 - <van-icon v-else name="like-o" color="#ec4899" size="16" /> 21 + <font-awesome-icon v-else icon="mars" size="18" color="#ec4899" class="mr-2" />
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" />
......