Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
dksai
Spring 中文文档社区
提交
e2fdb6fc
Spring 中文文档社区
项目概览
dksai
/
Spring 中文文档社区
与 Fork 源项目一致
Fork自
开发云 / Spring 中文文档社区
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
DevOps
流水线
流水线任务
计划
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Spring 中文文档社区
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
DevOps
DevOps
流水线
流水线任务
计划
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
流水线任务
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
e2fdb6fc
编写于
3月 12, 2022
作者:
茶陵後
👍
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
#1 SEO:add baidu tongji
上级
6f311585
变更
1
隐藏空白更改
内联
并排
Showing
1 changed file
with
162 addition
and
128 deletion
+162
-128
docs/.vuepress/themes/theme-gitcode/components/Home.vue
docs/.vuepress/themes/theme-gitcode/components/Home.vue
+162
-128
未找到文件。
docs/.vuepress/themes/theme-gitcode/components/Home.vue
浏览文件 @
e2fdb6fc
...
...
@@ -8,37 +8,22 @@
v-if=
"data.heroImage"
:src=
"$withBase(data.heroImage)"
:alt=
"data.heroAlt || 'hero'"
>
/
>
<h1
v-if=
"data.heroText !== null"
id=
"main-title"
>
{{
data
.
heroText
||
$title
||
'
Hello
'
}}
<h1
v-if=
"data.heroText !== null"
id=
"main-title"
>
{{
data
.
heroText
||
$title
||
"
Hello
"
}}
</h1>
<p
v-if=
"data.tagline !== null"
class=
"description"
>
{{
data
.
tagline
||
$description
||
'
Welcome to your VuePress site
'
}}
<p
v-if=
"data.tagline !== null"
class=
"description"
>
{{
data
.
tagline
||
$description
||
"
Welcome to your VuePress site
"
}}
</p>
<p
v-if=
"data.actionText && data.actionLink"
class=
"action"
>
<NavLink
class=
"action-button"
:item=
"actionLink"
/>
<p
v-if=
"data.actionText && data.actionLink"
class=
"action"
>
<NavLink
class=
"action-button"
:item=
"actionLink"
/>
</p>
</header>
<div
v-if=
"data.features && data.features.length"
class=
"features"
>
<div
v-if=
"data.features && data.features.length"
class=
"features"
>
<div
v-for=
"(feature, index) in data.features"
:key=
"index"
...
...
@@ -51,131 +36,180 @@
<Content
class=
"theme-default-content custom"
/>
<div
v-if=
"data.footer"
class=
"footer"
>
<div
v-if=
"data.footer"
class=
"footer"
>
{{
data
.
footer
}}
</div>
<Content
v-else
slot-key=
"footer"
class=
"footer"
/>
<Content
v-else
slot-key=
"footer"
class=
"footer"
/>
</main>
</
template
>
<
script
>
import
NavLink
from
'
@theme/components/NavLink.vue
'
import
NavLink
from
"
@theme/components/NavLink.vue
"
;
export
default
{
name
:
'
Home
'
,
name
:
"
Home
"
,
components
:
{
NavLink
},
computed
:
{
data
()
{
return
this
.
$page
.
frontmatter
data
()
{
return
this
.
$page
.
frontmatter
;
},
actionLink
()
{
actionLink
()
{
return
{
link
:
this
.
data
.
actionLink
,
text
:
this
.
data
.
actionText
text
:
this
.
data
.
actionText
,
};
},
},
};
</
script
>
<
script
>
var
_hmt
=
_hmt
||
[];
(
function
()
{
var
hm
=
document
.
createElement
(
"
script
"
);
hm
.
src
=
"
https://hm.baidu.com/hm.js?8eefd6b163dcb3f5762af6b0825e2dd1
"
;
var
s
=
document
.
getElementsByTagName
(
"
script
"
)[
0
];
s
.
parentNode
.
insertBefore
(
hm
,
s
);
})();
</
script
>
<
style
lang=
"stylus"
>
.home {
padding: $navbarHeight 2rem 0;
max-width: $homePageWidth;
margin: 0px auto;
display: block;
.hero {
text-align: center;
img {
max-width: 100%;
max-height: 280px;
display: block;
margin: 3rem auto 1.5rem;
}
h1 {
font-size: 3rem;
}
h1, .description, .action {
margin: 1.8rem auto;
}
.description {
max-width: 35rem;
font-size: 1.6rem;
line-height: 1.3;
color: lighten($textColor, 40%);
}
.action-button {
display: inline-block;
font-size: 1.2rem;
color: #fff;
background-color: $accentColor;
padding: 0.8rem 1.6rem;
border-radius: 4px;
transition: background-color 0.1s ease;
box-sizing: border-box;
border-bottom: 1px solid darken($accentColor, 10%);
&:hover {
background-color: lighten($accentColor, 10%);
}
}
}
.features {
border-top: 1px solid $borderColor;
padding: 1.2rem 0;
margin-top: 2.5rem;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
align-content: stretch;
justify-content: space-between;
}
.feature {
flex-grow: 1;
flex-basis: 30%;
max-width: 30%;
h2 {
font-size: 1.4rem;
font-weight: 500;
border-bottom: none;
padding-bottom: 0;
color: lighten($textColor, 10%);
}
p {
color: lighten($textColor, 25%);
}
}
.footer {
padding: 2.5rem;
border-top: 1px solid $borderColor;
text-align: center;
color: lighten($textColor, 25%);
}
}
</
script
>
<
style
lang=
"stylus"
>
.home
padding $navbarHeight 2rem 0
max-width $homePageWidth
margin 0px auto
display block
.hero
text-align center
img
max-width: 100%
max-height 280px
display block
margin 3rem auto 1.5rem
h1
font-size 3rem
h1, .description, .action
margin 1.8rem auto
.description
max-width 35rem
font-size 1.6rem
line-height 1.3
color lighten($textColor, 40%)
.action-button
display inline-block
font-size 1.2rem
color #fff
background-color $accentColor
padding 0.8rem 1.6rem
border-radius 4px
transition background-color .1s ease
box-sizing border-box
border-bottom 1px solid darken($accentColor, 10%)
&:hover
background-color lighten($accentColor, 10%)
.features
border-top 1px solid $borderColor
padding 1.2rem 0
margin-top 2.5rem
display flex
flex-wrap wrap
align-items flex-start
align-content stretch
justify-content space-between
.feature
flex-grow 1
flex-basis 30%
max-width 30%
h2
font-size 1.4rem
font-weight 500
border-bottom none
padding-bottom 0
color lighten($textColor, 10%)
p
color lighten($textColor, 25%)
.footer
padding 2.5rem
border-top 1px solid $borderColor
text-align center
color lighten($textColor, 25%)
@media (max-width: $MQMobile)
.home
.features
flex-direction column
.feature
max-width 100%
padding 0 2.5rem
@media (max-width: $MQMobileNarrow)
.home
padding-left 1.5rem
padding-right 1.5rem
.hero
img
max-height 210px
margin 2rem auto 1.2rem
h1
font-size 2rem
h1, .description, .action
margin 1.2rem auto
.description
font-size 1.2rem
.action-button
font-size 1rem
padding 0.6rem 1.2rem
.feature
h2
font-size 1.25rem
@media (max-width: $MQMobile) {
.home {
.features {
flex-direction: column;
}
.feature {
max-width: 100%;
padding: 0 2.5rem;
}
}
}
@media (max-width: $MQMobileNarrow) {
.home {
padding-left: 1.5rem;
padding-right: 1.5rem;
.hero {
img {
max-height: 210px;
margin: 2rem auto 1.2rem;
}
h1 {
font-size: 2rem;
}
h1, .description, .action {
margin: 1.2rem auto;
}
.description {
font-size: 1.2rem;
}
.action-button {
font-size: 1rem;
padding: 0.6rem 1.2rem;
}
}
.feature {
h2 {
font-size: 1.25rem;
}
}
}
}
</
style
>
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录