wo123/lingrui-web
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

1.提交线上进行交接给二组

Browse Source
This commit is contained in:
王创世 2025-04-21 09:42:33 +08:00
parent c20d659bc7
commit 75cbc471ab
3 changed files with 30 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
components/AppHeader.vue
View File

@ -3,7 +3,7 @@
<div class="group_1 flex-col"> <div class="group_1 flex-col">
<div class="box_1 flex-row"> <div class="box_1 flex-row">
<img class="image_1" referrerpolicy="no-referrer" src="public/images/logo.png" /> <img class="image_1" referrerpolicy="no-referrer" src="public/images/logo.png" />
<!-- Desktop Navigation --> <!-- Desktop Navigation -->
<div class="desktop-nav"> <div class="desktop-nav">
<span class="text_1">企业首页</span> <span class="text_1">企业首页</span>
@ -59,7 +59,7 @@ console.log(route)
@import '@/assets/index.css'; @import '@/assets/index.css';
.box_1 { .box_1 {
justify-content: space-between; justify-content: center;
padding: 0 20px; padding: 0 20px;
align-items: center; align-items: center;
position: relative; position: relative;
@ -78,7 +78,7 @@ console.log(route)
.mobile-menu-btn { .mobile-menu-btn {
display: none; display: none;
cursor: pointer; cursor: pointer;
@media (max-width: 768px) { @media (max-width: 768px) {
display: block; display: block;
} }
@ -88,7 +88,7 @@ console.log(route)
width: 30px; width: 30px;
height: 24px; height: 24px;
position: relative; position: relative;
span { span {
display: block; display: block;
position: absolute; position: absolute;
@ -97,21 +97,31 @@ console.log(route)
background: #000; background: #000;
border-radius: 3px; border-radius: 3px;
transition: all 0.3s ease; transition: all 0.3s ease;
&:nth-child(1) { top: 0; } &:nth-child(1) {
&:nth-child(2) { top: 10px; } top: 0;
&:nth-child(3) { top: 20px; } }
&:nth-child(2) {
top: 10px;
}
&:nth-child(3) {
top: 20px;
}
} }
&.is-active { &.is-active {
span { span {
&:nth-child(1) { &:nth-child(1) {
transform: rotate(45deg); transform: rotate(45deg);
top: 10px; top: 10px;
} }
&:nth-child(2) { &:nth-child(2) {
opacity: 0; opacity: 0;
} }
&:nth-child(3) { &:nth-child(3) {
transform: rotate(-45deg); transform: rotate(-45deg);
top: 10px; top: 10px;
@ -131,23 +141,28 @@ console.log(route)
padding: 20px; padding: 20px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
z-index: 100; z-index: 100;
@media (max-width: 768px) { @media (max-width: 768px) {
display: flex; display: flex;
} }
.mobile-nav-item { .mobile-nav-item {
padding: 15px 0; padding: 15px 0;
border-bottom: 1px solid #eee; border-bottom: 1px solid #eee;
cursor: pointer; cursor: pointer;
&:last-child { &:last-child {
border-bottom: none; border-bottom: none;
} }
&:hover { &:hover {
color: #666; color: #666;
} }
} }
} }
.desktop-nav span:hover {
cursor: pointer;
color: #fff;
}
</style> </style>

2
nuxt.config.ts
View File

@ -3,7 +3,7 @@ import { defineNuxtConfig } from 'nuxt/config'
export default defineNuxtConfig({ export default defineNuxtConfig({
app: { app: {
baseURL:'/web/', baseURL:'/',
}, },
nitro: { nitro: {
routeRules: { routeRules: {

2
pages/index.vue
View File

@ -234,6 +234,7 @@
<span class="text_48">2025-06-24</span> <span class="text_48">2025-06-24</span>
</div> </div>
</div> </div>
<img class="image_9 bottomBox" referrerpolicy="no-referrer" src="public/images/news3.png" /> <img class="image_9 bottomBox" referrerpolicy="no-referrer" src="public/images/news3.png" />
<div class="group_26 flex-col rightBox"> <div class="group_26 flex-col rightBox">
<div class="text-group_8 flex-col justify-between"> <div class="text-group_8 flex-col justify-between">
@ -464,5 +465,4 @@ const animate = () => {
transition: 6s linear; transition: 6s linear;
transform: scale(1, 1); transform: scale(1, 1);
} }
</style> </style>