feat: 博客首页底部的自定义信息

This commit is contained in:
xiaozzzi 2024-01-28 15:46:52 +08:00
parent 1ac36e27cf
commit e057cc801c
2 changed files with 23 additions and 16 deletions

View File

@ -32,17 +32,19 @@
<div class="conf-tip">博客左上角 Logo 的访问地址以及在浏览器标签中的 Logo</div>
</el-form-item>
<el-form-item label="ICP备案号">
<el-input size="default" v-model="userParamForm.WEB_IPC_BEI_AN_HAO" @change="(cur: any) => updParam('WEB_IPC_BEI_AN_HAO', cur)"></el-input>
<div class="conf-tip">如果博客作为你的域名首页你可能需要配置 ICP 备案号</div>
</el-form-item>
<el-form-item label="公网安备号">
<el-form-item label="自定义信息">
<el-input
size="default"
type="textarea"
:rows="5"
v-model="userParamForm.WEB_GONG_WANG_AN_BEI"
@change="(cur: any) => updParam('WEB_GONG_WANG_AN_BEI', cur)"></el-input>
<div class="conf-tip">如果博客作为你的域名首页你可能需要配置公网安备号</div>
<div class="conf-tip">自定义信息可填写 HTML 内容</div>
</el-form-item>
<el-form-item label="ICP备案号">
<el-input size="default" v-model="userParamForm.WEB_IPC_BEI_AN_HAO" @change="(cur: any) => updParam('WEB_IPC_BEI_AN_HAO', cur)"></el-input>
<div class="conf-tip">如果博客作为你的域名首页你可能需要配置 ICP 备案号该内容会跳转至中国大陆ICP/IP地址/域名信息备案管理系统</div>
</el-form-item>
<el-form-item label="外部链接">
@ -55,7 +57,7 @@
<el-input
size="default"
type="textarea"
:rows="11"
:rows="13"
v-model="userParamForm.WEB_BLOG_LINKS"
@change="(cur: any) => updParam('WEB_BLOG_LINKS', cur)"></el-input>
</el-form-item>

View File

@ -17,13 +17,9 @@
<div class="about-us">
<span>{{ blossom.SYS.VERSION + (isNotBlank(getEmail()) ? ' | 邮箱:' + getEmail() : '') }}</span>
</div>
<div class="icp">
<div style="cursor: pointer" @click="openNew('http://www.beian.gov.cn/portal/index.do')">
<!-- <img style="height: 14px; width: 14px" src="@/assets/imgs/common/gong_wang_an_bei_img.png" /> -->
{{ gwab() }}
</div>
<div v-if="isNotBlank(gwab())">|</div>
<div style="cursor: pointer" @click="openNew('https://beian.miit.gov.cn/')">
<div class="custom-info">
<div v-if="isNotBlank(gwab())" v-html="gwab()"></div>
<div v-if="isNotBlank(ipc())" style="cursor: pointer" @click="openNew('https://beian.miit.gov.cn/')">
{{ ipc() }}
</div>
</div>
@ -108,9 +104,18 @@ const ipc = () => {
.home-footer {
@include box(100%, 40px);
.icp,
// icp
.custom-info {
@include flex(column, flex-end, center);
height: 100%;
padding-bottom: 5px;
}
.about-us {
@include flex(row, center, center);
position: absolute;
right: 10px;
bottom: 10px;
}
div {