refactor(home): 移除首页右侧信息面板和头部品牌名称显示
- 移除首页 hero 区域的响应式布局设置 - 删除右侧快速访问面板及公司信息展示功能 - 隐藏顶部导航栏中的站点品牌名称 - 简化首页整体布局结构
This commit is contained in:
@@ -35,9 +35,9 @@
|
||||
<div class="mx-auto flex max-w-screen-xl items-center justify-between gap-3 px-4">
|
||||
<NuxtLink to="/" class="navbar-brand">
|
||||
<img class="navbar-logo" :src="logoUrl" :alt="siteName" />
|
||||
<span class="navbar-brand-name">
|
||||
{{ siteName }}
|
||||
</span>
|
||||
<!-- <span class="navbar-brand-name">-->
|
||||
<!-- {{ siteName }}-->
|
||||
<!-- </span>-->
|
||||
</NuxtLink>
|
||||
<nav class="nav hidden md:flex">
|
||||
<template v-for="item in navItems" :key="item.key">
|
||||
|
||||
@@ -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">-->
|
||||
|
||||
Reference in New Issue
Block a user