头像更换,增加查看详情按钮
This commit is contained in:
parent
2ad6428bab
commit
87b9e02019
|
|
@ -1,7 +1,7 @@
|
||||||
import { login, logout, getInfo } from '@/api/login'
|
import { login, logout, getInfo } from '@/api/login'
|
||||||
import { getToken, setToken, removeToken } from '@/utils/auth'
|
import { getToken, setToken, removeToken } from '@/utils/auth'
|
||||||
import { isHttp, isEmpty } from "@/utils/validate"
|
import { isHttp, isEmpty } from "@/utils/validate"
|
||||||
import defAva from '@/assets/images/profile.jpg'
|
import defAva from '@/assets/logo/logo.png'
|
||||||
|
|
||||||
const useUserStore = defineStore(
|
const useUserStore = defineStore(
|
||||||
'user',
|
'user',
|
||||||
|
|
|
||||||
|
|
@ -199,9 +199,18 @@
|
||||||
>
|
>
|
||||||
<!-- 参数对比按钮 - 随滚动条移动 -->
|
<!-- 参数对比按钮 - 随滚动条移动 -->
|
||||||
<el-button
|
<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"
|
type="warning"
|
||||||
class="compare-btn-float"
|
class="compare-btn-float compare"
|
||||||
@click="onCompare"
|
@click="onCompare"
|
||||||
circle
|
circle
|
||||||
>
|
>
|
||||||
|
|
@ -282,7 +291,11 @@
|
||||||
>
|
>
|
||||||
<template #header>
|
<template #header>
|
||||||
<div class="compare-dialog-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">
|
<div class="compare-dialog-actions">
|
||||||
<el-button text size="small" @click="toggleFullscreen">
|
<el-button text size="small" @click="toggleFullscreen">
|
||||||
<el-icon :size="18">
|
<el-icon :size="18">
|
||||||
|
|
@ -299,6 +312,7 @@
|
||||||
|
|
||||||
<!-- 仅看不同项按钮 -->
|
<!-- 仅看不同项按钮 -->
|
||||||
<div
|
<div
|
||||||
|
v-if="displayCompareList && displayCompareList.length > 1"
|
||||||
class="compare-filter-options"
|
class="compare-filter-options"
|
||||||
style="margin: -45px 80px 16px; text-align: left"
|
style="margin: -45px 80px 16px; text-align: left"
|
||||||
>
|
>
|
||||||
|
|
@ -2640,7 +2654,14 @@ function handleConfirm() {
|
||||||
line-height: 1.3;
|
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;
|
background: #fff3cd;
|
||||||
color: #d39e00;
|
color: #d39e00;
|
||||||
box-shadow: 0 5px 20px rgba(255, 153, 0, 0.2);
|
box-shadow: 0 5px 20px rgba(255, 153, 0, 0.2);
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,10 @@
|
||||||
</div>
|
</div>
|
||||||
<div class="user-bio-section-body">
|
<div class="user-bio-section-body">
|
||||||
<div class="text-center">
|
<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>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -22,9 +25,9 @@
|
||||||
defineProps({
|
defineProps({
|
||||||
user: {
|
user: {
|
||||||
type: Object,
|
type: Object,
|
||||||
required: true
|
required: true,
|
||||||
}
|
},
|
||||||
})
|
});
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue