完成footer部分
Some checks failed
CI Pipeline / build (push) Failing after 3m44s

This commit is contained in:
2025-09-12 10:43:05 +08:00
parent b3b125bf43
commit 01fcc938a4
5 changed files with 160 additions and 6 deletions

View File

@@ -24,13 +24,13 @@ export default defineConfig({
items: [ items: [
{ {
text: 'Devstar介绍文档', text: 'Devstar介绍文档',
link: '/devstar/index' link: '/devstar'
}, },
] ]
}, },
{ text: 'Cloudbuild', link: '/cloudbuild' }, { text: 'Cloudbuild', link: '/cloudbuild' },
{ text: 'Simulator', link: '/simulator' }, { text: 'Simulator', link: '/simulator' },
{ text: 'Enterprise', link: '/enterprise/index' }, { text: 'Enterprise', link: '/enterprise' },
], ],
sidebar: { sidebar: {
'/devstar/': sidebarDocument(), // 直接返回 SidebarItem[] '/devstar/': sidebarDocument(), // 直接返回 SidebarItem[]
@@ -44,10 +44,10 @@ export default defineConfig({
// [Copyright © 2025-present Devstar Contributors](https://github.com/mengning/DevStar) // [Copyright © 2025-present Devstar Contributors](https://github.com/mengning/DevStar)
// { copyright: 'Copyright © 2025-present devstar contributors', link: 'https://github.com/mengning/DevStar' } // { copyright: 'Copyright © 2025-present devstar contributors', link: 'https://github.com/mengning/DevStar' }
// ] as any, // ] as any,
footer: { // footer: {
message: '<a href="/copyright/index">苏ICP备2024068144号-1 ©Mengning Software. 2025- All rights reserved.</a>', // message: '<a href="/copyright/index">苏ICP备2024068144号-1 ©Mengning Software. 2025- All rights reserved.</a>',
copyright: '' // 留空避免重复 // copyright: ''
}, // },
// 设置搜索框的样式 // 设置搜索框的样式
search: { search: {
provider: "local", provider: "local",

View File

@@ -4,6 +4,11 @@
/* 基础缩进量 */ /* 基础缩进量 */
} }
/* 设置首页的高度 */
#VPContent.VPContent.is-home {
height: 980px !important;
}
/* 侧边栏 */ /* 侧边栏 */
.VPSidebar { .VPSidebar {
background-color: white !important; background-color: white !important;
@@ -51,6 +56,7 @@ img.VPImage.image-src {
margin-right: 20px !important; margin-right: 20px !important;
} }
.VPHero .text { .VPHero .text {
font-size: 50px !important; font-size: 50px !important;
} }

View File

@@ -55,6 +55,43 @@
</div> </div>
</div> </div>
</section> </section>
<div class="wrap-footer">
<div class="footer">
<!-- 左侧区域第一张图内容 -->
<div class="footer-left">
<div class="gitee-brand">
<div class="logo-circle">
<span class="logo-char">
<img src="/public/mengningsoftware.png" alt="">
</span>
</div>
</div>
<div class="copyright">梦宁软件江苏有限公司版权所有</div>
</div>
<!-- 右侧区域第二张图内容 -->
<div class="footer-right">
<div class="qr-container">
<div class="qr-code">
<div class="qr-icon">
<span class="qr-char">
<img src="/public/QR-code.jpg" alt="">
</span>
</div>
</div>
<div class="qr-label">微信公众号</div>
</div>
</div>
</div>
<div class="footer-area">
<p>
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">苏ICP备2024068144号-1</a>
©
<a href="/copyright" rel="noopener noreferrer">Mengning Software</a>.
2025- All rights reserved.
</p>
</div>
</div>
</template> </template>
<script> <script>
@@ -72,6 +109,7 @@ export default {
/* 基础布局 */ /* 基础布局 */
.tencent-showcase { .tencent-showcase {
background: white; background: white;
height: 200px;
} }
.ten_main { .ten_main {
@@ -155,6 +193,116 @@ export default {
height: 2px; height: 2px;
background: white; background: white;
} }
.wrap-footer {
margin-top: 50px;
background: white;
}
.footer {
display: flex;
justify-content: space-between;
align-items: center;
padding: 20px 20px 20px 0;
/* padding: 20px; */
background-color: white;
width: 100%;
box-sizing: border-box;
}
/* 左侧品牌区域样式 */
.footer-left {
display: flex;
align-items: center;
}
.gitee-brand {
display: flex;
align-items: center;
}
.logo-circle {
width: 200px;
height: 100px;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
margin-right: -10px;
}
.logo-char {
color: white;
font-weight: bold;
font-size: 20px;
}
.brand-name {
font-size: 24px;
font-weight: bold;
color: #000;
}
.copyright {
color: #999;
font-size: 14px;
}
/* 右侧二维码区域样式 */
.footer-right {
display: flex;
}
.qr-container {
display: flex;
flex-direction: column;
align-items: center;
}
.qr-code {
width: 100px;
height: 100px;
background-color: #f5f5f5;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 8px;
position: relative;
overflow: hidden;
}
.qr-icon {
width: 100px;
height: 100px;
display: flex;
justify-content: center;
align-items: center;
}
.qr-char {
color: white;
font-weight: bold;
font-size: 20px;
}
.qr-label {
font-size: 14px;
color: #333;
}
.footer-area {
text-align: center;
padding: 10px 0;
font-size: 14px;
color: #999;
}
.footer-area a {
text-decoration: none;
color: inherit;
}
.footer-area a:hover {
text-decoration: underline;
color: #2563eb;
}
/* 响应式设计 */ /* 响应式设计 */
@media (max-width: 768px) { @media (max-width: 768px) {

BIN
docs/public/QR-code.jpg Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 10 KiB