From d268788918251106edbe11adae329a00c1e47390 Mon Sep 17 00:00:00 2001
From: 董国庆 <364620639@qq.com>
Date: 星期三, 04 三月 2026 09:57:54 +0800
Subject: [PATCH] 大屏修改
---
screen/src/view/AboutUs/index.vue | 11 +
screen/src/view/introduce/index.vue | 11 +
screen/src/view/Home/index.vue | 11 +
screen/src/assets/img/introduce/AndroidC.png | 0
screen/vue.config.js | 2
screen/src/view/contactUs/index.vue | 304 ++++++++++++++++++++++++++------------------------
6 files changed, 186 insertions(+), 153 deletions(-)
diff --git a/screen/src/assets/img/introduce/AndroidC.png b/screen/src/assets/img/introduce/AndroidC.png
index 1527dfb..684d893 100644
--- a/screen/src/assets/img/introduce/AndroidC.png
+++ b/screen/src/assets/img/introduce/AndroidC.png
Binary files differ
diff --git a/screen/src/view/AboutUs/index.vue b/screen/src/view/AboutUs/index.vue
index 5e2b50d..3c7eba6 100644
--- a/screen/src/view/AboutUs/index.vue
+++ b/screen/src/view/AboutUs/index.vue
@@ -50,8 +50,8 @@
<div class="footer">
<div class="company">海南众慧智能教育有限公司</div>
<div class="beian">
- 学习端 琼ICP备2024032029号-3A
- <span style="margin-left: 10px;">家长端 琼ICP备2024032029号-2A</span>
+ <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">学习端 琼ICP备2024032029号-3A</a>
+ <span style="margin-left: 10px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">家长端 琼ICP备2024032029号-2A</a></span>
</div>
</div>
@@ -217,4 +217,11 @@
flex-direction: column;
align-items: center;
}
+.footer a {
+ color: #FFFFFF;
+ text-decoration: none;
+}
+.footer a:hover {
+ text-decoration: underline;
+}
</style>
diff --git a/screen/src/view/Home/index.vue b/screen/src/view/Home/index.vue
index 1f8f492..b03c653 100644
--- a/screen/src/view/Home/index.vue
+++ b/screen/src/view/Home/index.vue
@@ -135,8 +135,8 @@
<div class="footer">
<div class="company">海南众慧智能教育有限公司</div>
<div class="beian">
- 学习端 琼ICP备2024032029号-3A
- <span style="margin-left: 10px;">家长端 琼ICP备2024032029号-2A</span>
+ <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">学习端 琼ICP备2024032029号-3A</a>
+ <span style="margin-left: 10px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">家长端 琼ICP备2024032029号-2A</a></span>
</div>
</div>
</div>
@@ -370,4 +370,11 @@
flex-direction: column;
align-items: center;
}
+.footer a {
+ color: #FFFFFF;
+ text-decoration: none;
+}
+.footer a:hover {
+ text-decoration: underline;
+}
</style>
diff --git a/screen/src/view/contactUs/index.vue b/screen/src/view/contactUs/index.vue
index c671d8a..21f3327 100644
--- a/screen/src/view/contactUs/index.vue
+++ b/screen/src/view/contactUs/index.vue
@@ -1,192 +1,202 @@
<template>
- <div class="page-contact">
- <div class="header">
- <div class="header-left">
- <img src="@/assets/img/logo@2x.png" @click="$router.push({ path: '/' })" class="logo" alt="">
- </div>
- <div class="nav">
- <div class="nav-item" @click="$router.push({ path: '/' })">
- 首页
- </div>
- <div class="nav-item" @click="$router.push({ path: '/aboutUs' })" >
- 关于我们
- </div>
- <div class="nav-item" @click="$router.push({ path: '/webC' })">
- 项目介绍
- </div>
- <div class="nav-item">
- 联系我们
- </div>
- </div>
+ <div class="page-contact">
+ <div class="header">
+ <div class="header-left">
+ <img src="@/assets/img/logo@2x.png" @click="$router.push({ path: '/' })" class="logo" alt="">
+ </div>
+ <div class="nav">
+ <div class="nav-item" @click="$router.push({ path: '/' })">
+ 首页
</div>
- <div class="banner">
- <img src="@/assets/img/banner@2x.png" class="banner-img" alt=""></img>
+ <div class="nav-item" @click="$router.push({ path: '/aboutUs' })">
+ 关于我们
</div>
-
- <div class="content">
- <div class="content-left">
- <div class="tit">海南众慧智能教育有限公司</div>
- <div class="phone">联系电话：黄浪洪 13881585898</div>
- <div class="email">邮箱：358944922@qq.com</div>
- <div class="address">地址：海口市海秀中路昌海商务大夏4楼</div>
- </div>
- <div class="content-right">
- <img src="@/assets/img/blueLoGo2@2x.png" class="blue-logo" alt="">
- </div>
+ <div class="nav-item" @click="$router.push({ path: '/webC' })">
+ 项目介绍
</div>
-
- <div class="map">
- <img src="@/assets/img/map@2x.png" class="map-img" alt="">
+ <div class="nav-item">
+ 联系我们
</div>
-
- <div class="footer">
- <div class="company">海南众慧智能教育有限公司</div>
- <div class="beian">
- 学习端 琼ICP备2024032029号-3A
- <span style="margin-left: 10px;">家长端 琼ICP备2024032029号-2A</span>
- </div>
- </div>
+ </div>
</div>
+ <div class="banner">
+ <img src="@/assets/img/banner@2x.png" class="banner-img" alt=""></img>
+ </div>
+
+ <div class="content">
+ <div class="content-left">
+ <div class="tit">海南众慧智能教育有限公司</div>
+ <div class="phone">联系电话：黄浪洪 13881585898</div>
+ <div class="email">邮箱：358944922@qq.com</div>
+ <div class="address">地址：海口市海秀中路昌海商务大夏4楼</div>
+ </div>
+ <div class="content-right">
+ <img src="@/assets/img/blueLoGo2@2x.png" class="blue-logo" alt="">
+ </div>
+ </div>
+
+ <div class="map">
+ <img src="@/assets/img/map@2x.png" class="map-img" alt="">
+ </div>
+
+ <div class="footer">
+ <div class="company">海南众慧智能教育有限公司</div>
+ <div class="beian">
+ <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">学习端 琼ICP备2024032029号-3A</a>
+ <span style="margin-left: 10px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">家长端
+ 琼ICP备2024032029号-2A</a></span>
+ </div>
+ </div>
+ </div>
</template>
<script>
export default {
- components: {},
- props: {},
- data() {
- return {};
- },
- computed: {},
- watch: {},
- created() { },
- mounted() { },
- methods: {},
+ components: {},
+ props: {},
+ data() {
+ return {};
+ },
+ computed: {},
+ watch: {},
+ created() { },
+ mounted() { },
+ methods: {},
};
</script>
<style scoped lang="less">
.logo {
- width: 231px;
- height: 101px;
- margin-left: 136px;
+ width: 231px;
+ height: 101px;
+ margin-left: 136px;
}
.page-contact {
- height: 100%;
- overflow-y: auto;
- // position: relative;
+ height: 100%;
+ overflow-y: auto;
+ // position: relative;
}
.header {
- width: 100%;
- height: 153px;
- background-color: rgba(12, 21, 27, .6);
+ width: 100%;
+ height: 153px;
+ background-color: rgba(12, 21, 27, .6);
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ position: fixed;
+ top: 0;
+ left: 0;
+
+ .header-left {
+ cursor: pointer;
+ }
+
+ .nav {
display: flex;
- align-items: center;
+ margin-right: 121px;
+ width: 594px;
justify-content: space-between;
- position: fixed;
- top: 0;
- left: 0;
- .header-left {
- cursor: pointer;
+ .nav-item {
+ font-family: Source Han Sans CN;
+ font-weight: 400;
+ font-size: 21px;
+ color: #FFFFFF;
+ line-height: 29px;
+ cursor: pointer;
}
+ }
- .nav {
- display: flex;
- margin-right: 121px;
- width: 594px;
- justify-content: space-between;
-
- .nav-item {
- font-family: Source Han Sans CN;
- font-weight: 400;
- font-size: 21px;
- color: #FFFFFF;
- line-height: 29px;
- cursor: pointer;
- }
- }
-
- .banner-img {
- width: 100%;
- height: 828px;
- }
+ .banner-img {
+ width: 100%;
+ height: 828px;
+ }
}
-.banner{
- padding-top: 153px;
+.banner {
+ padding-top: 153px;
}
.content {
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding-top: 195px;
- padding-bottom: 147px;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding-top: 195px;
+ padding-bottom: 147px;
- .content-left {
- margin-left: 186px;
+ .content-left {
+ margin-left: 186px;
- .tit {
- font-size: 46px;
- line-height: 100px;
- font-family: Source Han Sans CN;
- }
-
- .phone {
- font-size: 33px;
- line-height: 100px;
- font-family: Source Han Sans CN;
- }
-
- .email {
- font-size: 33px;
- line-height: 100px;
- font-family: Source Han Sans CN;
- }
-
- .address {
- font-size: 33px;
- line-height: 100px;
- font-family: Source Han Sans CN;
- }
-
+ .tit {
+ font-size: 46px;
+ line-height: 100px;
+ font-family: Source Han Sans CN;
}
- .content-right {
- margin-right: 124px;
-
- .blue-logo {
- width: 445px;
- height: 194px;
- }
+ .phone {
+ font-size: 33px;
+ line-height: 100px;
+ font-family: Source Han Sans CN;
}
+
+ .email {
+ font-size: 33px;
+ line-height: 100px;
+ font-family: Source Han Sans CN;
+ }
+
+ .address {
+ font-size: 33px;
+ line-height: 100px;
+ font-family: Source Han Sans CN;
+ }
+
+ }
+
+ .content-right {
+ margin-right: 124px;
+
+ .blue-logo {
+ width: 445px;
+ height: 194px;
+ }
+ }
}
.map {
- margin: 0 124px;
- padding-bottom: 147px;
- width: 100%;
+ margin: 0 124px;
+ padding-bottom: 147px;
+ width: 100%;
- .map-img {
- width: calc(100% - 248px);
+ .map-img {
+ width: calc(100% - 248px);
- height: 835px;
- }
+ height: 835px;
+ }
}
.footer {
- padding-top: 50px;
- padding-bottom: 51px;
- width: 100%;
- background-color: rgba(39, 39, 39, 1);
- font-family: Source Han Sans CN;
- font-weight: 400;
- font-size: 21px;
- color: #FFFFFF;
- display: flex;
- justify-content: center;
- flex-direction: column;
- align-items: center;
+ padding-top: 50px;
+ padding-bottom: 51px;
+ width: 100%;
+ background-color: rgba(39, 39, 39, 1);
+ font-family: Source Han Sans CN;
+ font-weight: 400;
+ font-size: 21px;
+ color: #FFFFFF;
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ align-items: center;
+}
+
+.footer a {
+ color: #FFFFFF;
+ text-decoration: none;
+}
+
+.footer a:hover {
+ text-decoration: underline;
}
</style>
diff --git a/screen/src/view/introduce/index.vue b/screen/src/view/introduce/index.vue
index 6f439ed..62d04b3 100644
--- a/screen/src/view/introduce/index.vue
+++ b/screen/src/view/introduce/index.vue
@@ -143,8 +143,8 @@
<div class="footer">
<div class="company">海南众慧智能教育有限公司</div>
<div class="beian">
- 学习端 琼ICP备2024032029号-3A
- <span style="margin-left: 10px;">家长端 琼ICP备2024032029号-2A</span>
+ <a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">学习端 琼ICP备2024032029号-3A</a>
+ <span style="margin-left: 10px;"><a href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">家长端 琼ICP备2024032029号-2A</a></span>
</div>
</div>
</div>
@@ -374,6 +374,13 @@
flex-direction: column;
align-items: center;
}
+.footer a {
+ color: #FFFFFF;
+ text-decoration: none;
+}
+.footer a:hover {
+ text-decoration: underline;
+}
.flex {
diff --git a/screen/vue.config.js b/screen/vue.config.js
index ee54903..76a3c39 100644
--- a/screen/vue.config.js
+++ b/screen/vue.config.js
@@ -1,5 +1,7 @@
module.exports = {
publicPath: './',
+ outputDir: 'dist',
+ assetsDir: '',
// publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
devServer: {
disableHostCheck: true,
--
Gitblit v1.7.1