头像更换,增加查看详情按钮
This commit is contained in:
parent
2ad6428bab
commit
87b9e02019
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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);
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
|
|
|||
Loading…
Reference in New Issue