大屏修改

董国庆

2026-03-04 d268788918251106edbe11adae329a00c1e47390

大屏修改

 screen/src/assets/img/introduce/AndroidC.png

 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>

 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>

 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>

 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 {

 screen/vue.config.js

@@ -1,5 +1,7 @@
module.exports = {
  publicPath: './',
  outputDir: 'dist',
  assetsDir: '',
  // publicPath: process.env.NODE_ENV === 'production' ? './' : '/',
  devServer: {
    disableHostCheck: true,