GoforStudio/Itulipu-Web-AlphaTest
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

20240610-0005

Browse Source
This commit is contained in:
bzbk007
2024-06-10 20:18:00 +08:00
parent e12f21afb3
commit dc0fda9a4d
6 changed files with 43 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files
package.json
+2 -2
View File
@@ -1,6 +1,6 @@
{
"name": "vuetify-project",
"version": "0.0.0",
"name": "itulipu-web",
"version": "0.5.0",
"scripts": {
"dev": "vite",
"build": "vite build",
src/components/Body/AboutUs/AboutUs.vue
+1 -1
View File
@@ -1,7 +1,7 @@
<template>
<div class="about-us-container">
<div>
<div class="headline" id="about-us">
<div class="headline">
<img class="title-img" src="@/assets/img/tt001.png" alt="Title Image"/>
<!-- <h1>关于我们</h1> -->
</div>
src/components/Body/AboutUs/Copyright.vue
+1 -1
View File
@@ -1,5 +1,5 @@
<template>
<div class="headline" id="ContactUs">
<div class="headline">
<img class="title-img" src="@\assets\img\tt002.png" />
<!-- <h1>软著与专利</h1> -->
</div>
src/components/Body/Cooperation/cooperate.vue
+1 -1
View File
@@ -1,6 +1,6 @@
<template>
<div>
<div class="headline" id="ContactUs">
<div class="headline" id="coop1">
<img width="50%" style="min-width: 400px;" src="@\assets\img\tt004.png"/>
<!-- <h1>合作领域</h1> -->
</div>
src/components/Home.vue
+7 -10
View File
@@ -1,21 +1,19 @@
<template>
<Gallary2 />
<div class="appbody">
<Products />
<AboutUs />
<Copyright />
<News />
<Products id="services"/>
<AboutUs id="about-us"/>
<Copyright/>
<News id="news"/>
<Cooperate />
<ContectUs />
<IndexFooter />
</div>
</template>
<script>
import AOS from 'aos';
import 'aos/dist/aos.css';
//import Gallary from "@/components/Gallary.vue";
import Gallary2 from "@/components/Gallary2.vue";
import AboutUs from "@/components/Body/AboutUs/AboutUs.vue";
import Copyright from "@/components/Body/AboutUs/Copyright.vue";
@@ -24,17 +22,16 @@ import IndexFooter from "@/components/IndexFooter.vue";
import News from '@/components/Body/News/News.vue';
import ContectUs from '@/components/Body/ContectUs/ContectUs.vue';
import Cooperate from './Body/Cooperation/cooperate.vue';
export default {
mounted() {
AOS.init();
}
}
</script>
<style>
.appbody {
margin: auto;
}
</style>
</style>
src/components/TopBar/Navbar2.vue
+31 -24
View File
@@ -1,28 +1,28 @@
<template>
<div class="navbar">
<div class="navbar-left">
<img src="@/assets/icon/itulipu.jpg" alt="Company Logo" class="logo" />
<div class="navbar" id="home">
<div class="navbar-left" @click="navigateToHome()">
<img src="@/assets/icon/itulipu.jpg" alt="Company Logo" class="logo" />
</div>
<div class="navbar-right">
<ul class="nav-items">
<li class="nav-item" @click="scrollTo('/')">主页</li>
<li class="nav-item" @click="navigateToHome()">主页</li>
<li class="nav-item" @click="scrollTo('services')">产品与服务</li>
<li class="nav-item" @mouseenter="showSubMenu('about')" @mouseleave="hideSubMenu('about')">
<li class="nav-item" @click="scrollTo('about-us')">关于我们</li>
<li class="nav-item" @click="scrollTo('news')">新闻资讯</li>
<li class="nav-item" @click="scrollTo('coop1')" @mouseenter="showSubMenu('coop')" @mouseleave="hideSubMenu('coop')">
合作领域
<ul v-if="showAboutSubMenu" class="sub-menu">
<li class="sub-item" @click="scrollTo('team')">教育</li>
<li class="sub-item" @click="scrollTo('history')">汽车</li>
<li class="sub-item" @click="scrollTo('team')">工控</li>
<li class="sub-item" @click="scrollTo('history')">物联网</li>
<li class="sub-item" @click="scrollTo('team')">云计算</li>
<li class="sub-item" @click="scrollTo('history')">芯片</li>
<ul v-if="showCoopSubMenu" class="sub-menu">
<li class="sub-item" @click="navigateToInfo(1)">教育</li>
<li class="sub-item" @click="navigateToInfo(2)">汽车</li>
<li class="sub-item" @click="navigateToInfo(3)">工控</li>
<li class="sub-item" @click="navigateToInfo(4)">物联网</li>
<li class="sub-item" @click="navigateToInfo(5)">云计算</li>
<li class="sub-item" @click="navigateToInfo(6)">芯片</li>
</ul>
</li>
<li class="nav-item" @click="scrollTo('contact')">关于我们</li>
<li class="nav-item" @click="scrollTo('contact')">新闻资讯</li>
<li class="nav-item" @click="scrollTo('contact')">联系我们</li>
<li class="nav-item" @click="scrollTo('contact')">EN</li>
<li class="nav-item" @click="scrollTo('ContectUs')">联系我们</li>
<li class="nav-item" @click="">EN</li>
</ul>
</div>
<button class="menu-toggle" @click="toggleMenu">☰</button>
@@ -48,7 +48,7 @@
export default {
data() {
return {
showAboutSubMenu: false,
showCoopSubMenu: false,
showMobileMenu: false,
showMobileSubMenu: false,
};
@@ -61,13 +61,13 @@
}
},
showSubMenu(menu) {
if (menu === 'about') {
this.showAboutSubMenu = true;
if (menu === 'coop') {
this.showCoopSubMenu = true;
}
},
hideSubMenu(menu) {
if (menu === 'about') {
this.showAboutSubMenu = false;
if (menu === 'coop') {
this.showCoopSubMenu = false;
}
},
toggleMenu() {
@@ -75,7 +75,13 @@
},
toggleSubMenu() {
this.showMobileSubMenu = !this.showMobileSubMenu;
}
},
navigateToInfo(int) {
window.location.href = '/info/info'+int+'.html';
},
navigateToHome() {
window.location.href = '/';
}
},
};
</script>
@@ -118,6 +124,7 @@
.sub-menu {
position: absolute;
width: 120px;
top: 100%;
left: 0;
background: white;
@@ -128,7 +135,7 @@
}
.sub-item {
margin: 5px 0;
margin: 5px 5px 0;
cursor: pointer;
}