feat: 添加高亮行与序号列,优化全屏及缓存布局

This commit is contained in:
zhangtao
2026-05-14 00:10:14 +08:00
parent 17356ce582
commit 86bc5d35fe
35 changed files with 244 additions and 109 deletions
@@ -14,6 +14,7 @@
:stripe="false"
:header-cell-style="{ background: 'transparent' }"
>
<ElTableColumn type="index" label="序号" width="60" />
<ElTableColumn prop="name" label="产品名称" width="200" />
<ElTableColumn prop="popularity" label="销量">
<template #default="scope">
@@ -1082,6 +1082,11 @@ const currentUser = {
.dashboard-container {
position: relative;
:deep(.el-card) {
--el-card-border-radius: calc(var(--custom-radius) + 2px);
border: 1px solid var(--fa-card-border);
}
.github-corner {
position: absolute;
top: 0;
@@ -1,7 +1,7 @@
<template>
<FaBasicBanner
class="justify-center !h-53 mb-5 max-sm:!pt-8 max-sm:!h-48 max-sm:mb-4"
:title="`欢迎回来 ${userInfo?.name}`"
:title="`欢迎回来 ${userInfo?.username}`"
boxStyle="!bg-theme/10"
titleColor="var(--fa-gray-900)"
:decoration="false"
@@ -54,7 +54,7 @@ const userStore = useUserStore();
/**
* 获取当前用户信息
*/
const userInfo = computed(() => userStore.getUserInfo);
const userInfo = computed(() => userStore.basicInfo);
/**
* 处理横幅点击事件
@@ -16,6 +16,7 @@
:header-cell-style="{ background: 'transparent' }"
>
<template #default>
<ElTableColumn type="index" label="序号" width="60" />
<ElTableColumn label="产品" prop="product" width="220px">
<template #default="scope">
<div class="flex-c">
@@ -24,6 +24,7 @@
:header-cell-style="{ background: 'transparent' }"
>
<template #default>
<ElTableColumn type="index" label="序号" width="60" />
<ElTableColumn label="头像" prop="avatar" width="150px">
<template #default="scope">
<div style="display: flex; align-items: center">