diff --git a/assets/css/Header/icon.scss b/assets/css/Header/icon.scss index 7f9635a..cbec288 100644 --- a/assets/css/Header/icon.scss +++ b/assets/css/Header/icon.scss @@ -3,7 +3,7 @@ .HeaderIcon-container { height: 100%; width: 100%; - max-width: 180px; + max-width: 280px; margin-top: 0; display: flex; justify-content: center; diff --git a/assets/css/Header/index.scss b/assets/css/Header/index.scss index a6ba10b..7c466e2 100644 --- a/assets/css/Header/index.scss +++ b/assets/css/Header/index.scss @@ -28,7 +28,8 @@ flex-direction: column; position: fixed; z-index: 99999; - background: rgba($color: #000000, $alpha: .2); + background: #fff; + // background: rgba($color: #000000, $alpha: .2); .Header-container{ display: flex; justify-content: space-evenly; diff --git a/assets/css/Header/nav.scss b/assets/css/Header/nav.scss index d9c4d02..479f2a0 100644 --- a/assets/css/Header/nav.scss +++ b/assets/css/Header/nav.scss @@ -21,22 +21,22 @@ a { .nav-active { display: flex; align-items: center; - &::before { - content: ''; - width: 0; - height: 0; - position: absolute; - bottom: -30px; - text-align: center; - margin: 15px 0 auto; - transition: 0.3s; - border-width: 0 10px 10px; - border-style: solid; - border-color: transparent transparent white!important; + // &::before { + // content: ''; + // width: 0; + // height: 0; + // position: absolute; + // bottom: -30px; + // text-align: center; + // margin: 15px 0 auto; + // transition: 0.3s; + // border-width: 0 10px 10px; + // border-style: solid; + // border-color: transparent transparent black!important; - } + // } span { - color: white !important; + color: black !important; } @@ -52,31 +52,31 @@ a { font-size: 18px; font-weight: 600; // color: rgb(198, 198, 198); - color: white; + color: black; position: relative; transition: 0.4s; - &::before { - content: ''; - width: 0; - height: 0; - position: absolute; - bottom: -30px; - text-align: center; - margin: 15px 0 auto; - transition: 0.3s; - border-width: 0 10px 10px; - border-style: solid; - border-color: transparent transparent transparent; - } + // &::before { + // content: ''; + // width: 0; + // height: 0; + // position: absolute; + // bottom: -30px; + // text-align: center; + // margin: 15px 0 auto; + // transition: 0.3s; + // border-width: 0 10px 10px; + // border-style: solid; + // border-color: transparent transparent transparent; + // } &:hover { - &::before{ - border-color: transparent transparent white!important; - } + // &::before{ + // border-color: transparent transparent black!important; + // } span { - color: white !important; + color: #f9b54c !important; } } } diff --git a/assets/css/index/index.scss b/assets/css/index/index.scss index be5d1f6..e69de29 100644 --- a/assets/css/index/index.scss +++ b/assets/css/index/index.scss @@ -1,216 +0,0 @@ -.home-download-button { - background-color: #228df2; - border: none; - color: #fff; - text-align: center; - text-decoration: none; - display: inline-block; - font-size: 16px; - cursor: pointer; - padding: 10px 24px; - border-radius: 4px; - display: flex; - align-items: center; - justify-content: center; -} - - -// 首页最外部盒子 -.home-main-box { - padding-top: 10vw; - overflow: hidden; - - - // 首页内容盒子 - .home-box { - width: 100%; - // background-color: var(--rootColor); - - // 顶部内容 - .top-content { - - // 首页顶部标题盒子 - .home-top-title-box { - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - color: white; - - h1 { - display: block; - font-size: 2em; - margin-block-start: 0.67em; - margin-block-end: 0.67em; - margin-inline-start: 0px; - margin-inline-end: 0px; - font-weight: bold; - } - - .home-top-title { - font-size: 62px; - letter-spacing: 5px; - } - - .home-sub-title { - font-size: 25px; - font-weight: 400; - color: #aaa; - text-align: center; - letter-spacing: 3px; - } - } - - // 下载按钮盒子 - .home-download-box { - display: flex; - justify-content: center; - flex-direction: column; - align-items: center; - margin-top: 3vw; - - - .svg-content { - width: 20px; - height: 20px; - margin-right: 8px; - } - - } - - // 顶部展示图片 - .top-show-box { - margin-top: 80px; - width: 100%; - height: 30vw; - overflow: hidden; - - img { - cursor: pointer; - width: 100%; - height: 100%; - object-fit: contain; - } - - } - - } - - - // 中间内容 - .middle-box { - - h2 { - font-size: 38px; - color: white; - font-weight: bold; - letter-spacing: 10px; - } - - h3 { - font-size: 18px; - margin-top: 16px; - margin-bottom: 32px; - font-weight: 400; - color: #aaa; - text-align: center; - line-height: 1.5; - max-width: 500px; - } - - .middle-img-box { - position: relative; - margin-top: 0px; - width: 100%; - height: 35vw; - cursor: pointer; - overflow: hidden; - - >img { - width: 100%; - height: 100%; - object-fit: contain; - } - - } - - // 中间盒子 - .middle-content-big-box { - margin-top: 10vw; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - text-align: center; - - // 标题 - .middle-content-title-box { - .middle-content-title {} - - .middle-content-sub-title {} - } - } - - // 一键建表 Navicat 图标 - .create-table-navicat-img-box { - width: 100px; - height: 100px; - overflow: hidden; - position: absolute; - right: 30%; - top: 5%; - - img { - width: 100%; - height: 100%; - object-fit: contain; - } - } - - - - } - - - // 底部内容 - .bottom-box { - margin-top: 8vw; - display: flex; - flex-direction: column; - flex-wrap: wrap; - - // gitee源码盒子 - .gitee-box { - width: 80%; - margin: 0 auto; - display: flex; - justify-content: space-around; - align-items: center; - flex-wrap: wrap; - height: 250px; - - .gitee-img-box{ - width: 298px; - height: 90px; - overflow: hidden; - img{ - width: 100%; - height: 100%; - object-fit: contain; - } - } - - .gitee-content-title { - font-size: 32px; - font-weight: 700; - color: #fff; - margin-bottom: 10px; - } - } - - } - - } - -} \ No newline at end of file diff --git a/components/Final/index.vue b/components/Final/index.vue index f7264bb..1475fc4 100644 --- a/components/Final/index.vue +++ b/components/Final/index.vue @@ -5,7 +5,7 @@
-
+
-
©2023 广州厚德艺术教育有限公司 版权所有
+
©2023 米尔科技有限公司 版权所有
diff --git a/components/Header/HeaderIcon.vue b/components/Header/HeaderIcon.vue index 9481225..248c376 100644 --- a/components/Header/HeaderIcon.vue +++ b/components/Header/HeaderIcon.vue @@ -3,7 +3,7 @@
- +
diff --git a/components/Header/index.vue b/components/Header/index.vue index d76ecfd..d5183d2 100644 --- a/components/Header/index.vue +++ b/components/Header/index.vue @@ -61,19 +61,31 @@ let info_article_type_id = ref(0) // 'child' let navList = [ { - name: 'Home', + name: '首页', children: [], href: '/', alias: 'index' }, { - name: 'Gitee', + name: '产品中心', children: [], href: 'https://gitee.com/zhi-lan_0/aerowen-toolbox', alias: 'Gitee' }, { - name: 'GitHub', + name: '服务与支持', + children: [], + href: 'https://github.com/Abbh1/AerwenTool', + alias: 'GitHub' + }, + { + name: '新闻中心', + children: [], + href: 'https://github.com/Abbh1/AerwenTool', + alias: 'GitHub' + }, + { + name: '关于我们', children: [], href: 'https://github.com/Abbh1/AerwenTool', alias: 'GitHub' diff --git a/package-lock.json b/package-lock.json index 28d25a7..6b9adeb 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,5 +1,5 @@ { - "name": "templateV1.1", + "name": "mr_web_nuxt", "lockfileVersion": 3, "requires": true, "packages": { diff --git a/pages/index.vue b/pages/index.vue index ce25613..e832fa1 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -1,172 +1,22 @@