头像更换,增加查看详情按钮

This commit is contained in:
JenniferW 2025-12-18 15:48:31 +08:00
parent 2ad6428bab
commit 87b9e02019
3 changed files with 33 additions and 9 deletions

View File

@ -1,7 +1,7 @@
import { login, logout, getInfo } from '@/api/login'
import { getToken, setToken, removeToken } from '@/utils/auth'
import { isHttp, isEmpty } from "@/utils/validate"
import defAva from '@/assets/images/profile.jpg'
import defAva from '@/assets/logo/logo.png'
const useUserStore = defineStore(
'user',

View File

@ -199,9 +199,18 @@
>
<!-- 参数对比按钮 - 随滚动条移动 -->
<el-button
v-if="selectedCompareList.length > 0"
v-if="selectedCompareList.length === 1"
type="primary"
class="compare-btn-float detail"
@click="onCompare"
circle
>
查看<br />详情
</el-button>
<el-button
v-else-if="selectedCompareList.length > 1"
type="warning"
class="compare-btn-float"
class="compare-btn-float compare"
@click="onCompare"
circle
>
@ -282,7 +291,11 @@
>
<template #header>
<div class="compare-dialog-header">
<span class="compare-dialog-title">参数对比</span>
<span class="compare-dialog-title">{{
displayCompareList && displayCompareList.length === 1
? "查看详情"
: "参数对比"
}}</span>
<div class="compare-dialog-actions">
<el-button text size="small" @click="toggleFullscreen">
<el-icon :size="18">
@ -299,6 +312,7 @@
<!-- 仅看不同项按钮 -->
<div
v-if="displayCompareList && displayCompareList.length > 1"
class="compare-filter-options"
style="margin: -45px 80px 16px; text-align: left"
>
@ -2640,7 +2654,14 @@ function handleConfirm() {
line-height: 1.3;
}
.compare-btn-float:hover {
.detail:hover {
background: #cde7ff;
color: #0043d3;
box-shadow: 0 5px 20px rgba(0, 162, 255, 0.2);
transform: translateY(-2px);
}
.compare:hover {
background: #fff3cd;
color: #d39e00;
box-shadow: 0 5px 20px rgba(255, 153, 0, 0.2);

View File

@ -9,7 +9,10 @@
</div>
<div class="user-bio-section-body">
<div class="text-center">
<el-avatar :size="100" :src="user.avatar || require('@/assets/images/profile.jpg')" />
<el-avatar
:size="100"
:src="user.avatar || require('@/assets/logo/logo.png')"
/>
</div>
</div>
</div>
@ -22,9 +25,9 @@
defineProps({
user: {
type: Object,
required: true
}
})
required: true,
},
});
</script>
<style lang="scss" scoped>