refactor(home): 移除首页右侧信息面板和头部品牌名称显示

- 移除首页 hero 区域的响应式布局设置
- 删除右侧快速访问面板及公司信息展示功能
- 隐藏顶部导航栏中的站点品牌名称
- 简化首页整体布局结构
This commit is contained in:
2026-01-29 11:03:42 +08:00
parent 1362f3007f
commit 7bb22a1975
2 changed files with 4 additions and 73 deletions

View File

@@ -2,7 +2,7 @@
<main class="home">
<section class="mx-auto max-w-screen-xl px-4 py-8">
<div class="grid grid-cols-12 gap-6">
<div class="col-span-12 lg:col-span-7">
<div class="col-span-12">
<div class="panel hero">
<div class="hero-inner">
<!-- <div class="hero-badge">OFFICIAL</div>-->
@@ -24,75 +24,6 @@
</div>
</div>
</div>
<div class="col-span-12 lg:col-span-5">
<div class="panel quick">
<div class="login-hero quick-hero">
<div class="login-hero-title">桂乐淘 · 官方网站</div>
<div class="login-hero-sub">QUALITY · SERVICE · COMPLIANCE</div>
</div>
<div class="p-4">
<a-space direction="vertical" class="w-full" size="middle">
<a-button type="primary" block size="large" @click="navigateTo('/products')">
<template #icon><FileTextOutlined /></template>
经营范围与资质信息
</a-button>
<a-button block size="large" @click="navigateTo('/contact')">
<template #icon><PhoneOutlined /></template>
合作咨询 / 联系我们
</a-button>
<div class="flex items-start justify-between gap-3 text-sm text-gray-500">
<span class="leading-6">地址{{ COMPANY.address }}</span>
<a href="#" class="text-green-600" @click.prevent="scrollToCompany">查看</a>
</div>
</a-space>
</div>
</div>
</div>
<div class="col-span-12 lg:col-span-5 hidden">
<div id="company" class="panel company">
<div class="panel-head">
<div class="panel-title">
<IdcardOutlined />
工商信息
</div>
<a class="panel-more" href="#" @click.prevent="navigateTo('/products')">详情</a>
</div>
<div class="p-4">
<a-descriptions bordered size="small" :column="1">
<a-descriptions-item label="项目名称">{{ COMPANY.projectName }}</a-descriptions-item>
<a-descriptions-item label="注册地址">{{ COMPANY.address }}</a-descriptions-item>
</a-descriptions>
<a-divider class="!my-4" />
<a-collapse ghost>
<a-collapse-panel key="general" header="一般项目(经营范围)">
<a-list size="small" :data-source="generalScopeItems">
<template #renderItem="{ item }">
<a-list-item class="scope-item">{{ item }}</a-list-item>
</template>
</a-list>
</a-collapse-panel>
<a-collapse-panel key="licensed" header="许可项目">
<a-list size="small" :data-source="licensedScopeItems">
<template #renderItem="{ item }">
<a-list-item class="scope-item">{{ item }}</a-list-item>
</template>
</a-list>
</a-collapse-panel>
</a-collapse>
<a-alert
class="mt-4"
type="info"
show-icon
message="经营范围展示以工商登记为准(涉及许可项目请以许可文件为准)。"
/>
</div>
</div>
</div>
</div>
<!-- <div class="mt-6 grid grid-cols-12 gap-6">-->