zcdsj
/
Recruitment_site
5
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat(ui): /companies Hero logo 换成建材 logo 图片 

去掉公司名首字'中'占位, 改用 public/images/logo.png(建材 logo)
图片 object-fit contain 不裁切

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
Claude 2026-06-26 10:07:18 +08:00
parent 4e0fc46b34
commit 825a2a93a5
2 changed files with 24 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
offer_frontend/public/images/logo.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 10 KiB

24
offer_frontend/src/views/portal/CompanyListView.vue
View File

@ -4,6 +4,9 @@
<!-- ① 总院 Hero --> <!-- ① 总院 Hero -->
<section class="hero-section"> <section class="hero-section">
<div class="hero-inner"> <div class="hero-inner">
<div class="hero-logo">
<img :src="group.logo || '/images/logo.png'" alt="logo" />
</div>
<div class="hero-content"> <div class="hero-content">
<h1 class="hero-name hero-name-link" @click="$router.push(`/companies/${group.id}`)">{{ group.name }}</h1> <h1 class="hero-name hero-name-link" @click="$router.push(`/companies/${group.id}`)">{{ group.name }}</h1>
<div class="hero-meta"> <div class="hero-meta">
@ -170,6 +173,27 @@ onMounted(async () => {
gap: 36px; gap: 36px;
align-items: flex-start; align-items: flex-start;
} }
.hero-logo {
flex-shrink: 0;
width: 96px;
height: 96px;
border-radius: 4px;
overflow: hidden;
border: 1px solid var(--border);
background: var(--bg-page);
}
.hero-logo img { width: 100%; height: 100%; object-fit: contain; padding: 8px; }
.logo-placeholder {
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
font-family: var(--serif);
font-size: 36px;
font-weight: 700;
color: var(--brand-red);
}
.hero-name { .hero-name {
font-family: var(--serif); font-family: var(--serif);
font-size: 28px; font-size: 28px;