peihaoyu/nebula
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 页脚展示效果调整

Browse Source
This commit is contained in:
x ronger 2020-10-18 17:52:30 +08:00
parent e21fb6d829
commit ef297115c3
2 changed files with 27 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
components/layouts/pc/footer.vue
View File

@ -1,11 +1,20 @@
<template> <template>
<el-row class="footer"> <el-row class="footer">
<el-col style="text-align: center;"> <el-col>
<el-col :xs="24" :sm="24" :xl="12"> <el-col style="text-align: right;margin-bottom: 0.5rem;">
<el-col>
<span>{{ slogan }}</span> <span>{{ slogan }}</span>
<span>{{ slogan_en }}</span> <span>{{ slogan_en }}</span>
</el-col> </el-col>
<el-col :xs="24" :sm="24" :xl="12"> </el-col>
<el-col :span="12" style="text-align: left;">
<el-link class="footer-link" rel="nofollow" :underline="false" href="/guides/markdown" style="vertical-align: baseline;"><span>Markdown 教程</span></el-link>
<el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>社区规章</span></el-link>
<el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>意见反馈</span></el-link>
<el-link class="footer-link" rel="nofollow" :underline="false" href="/" style="vertical-align: baseline;"><span>关于我们</span></el-link>
</el-col>
<el-col :span="12" style="text-align: right;">
<el-col>
<el-col class="row align-items-center"> <el-col class="row align-items-center">
<el-col class="col-auto"> <el-col class="col-auto">
Copyright © 2020 Copyright © 2020
@ -18,6 +27,7 @@
</el-col> </el-col>
</el-col> </el-col>
</el-col> </el-col>
</el-col>
</el-row> </el-row>
</template> </template>
@ -43,4 +53,7 @@
align-items: center; align-items: center;
display: flex; display: flex;
} }
.footer .footer-link {
margin-left: 2rem;
}
</style> </style>

3
components/layouts/pc/main.vue
View File

@ -6,7 +6,7 @@
<el-main> <el-main>
<nuxt :nuxt-child-key="$route.name"/> <nuxt :nuxt-child-key="$route.name"/>
</el-main> </el-main>
<el-footer> <el-footer height="5rem">
<footer-view/> <footer-view/>
</el-footer> </el-footer>
<div v-if="isPostArticle && isShow" style="position: fixed;bottom: 10vh;right: 3vw;"> <div v-if="isPostArticle && isShow" style="position: fixed;bottom: 10vh;right: 3vw;">
@ -98,7 +98,6 @@
.el-footer { .el-footer {
position: relative; position: relative;
/*bottom: 0;*/
width: 100%; width: 100%;
padding-top: 1.2rem; padding-top: 1.2rem;
background: #fff; background: #fff;