Skip to content
体验新版
项目
组织
正在加载...
登录
切换导航
打开侧边栏
大白技术控
yanglr2010
提交
63f19feb
Y
yanglr2010
项目概览
大白技术控
/
yanglr2010
通知
1
Star
1
Fork
0
代码
文件
提交
分支
Tags
贡献者
分支图
Diff
Issue
0
列表
看板
标记
里程碑
合并请求
0
Wiki
0
Wiki
分析
仓库
DevOps
项目成员
Pages
Y
yanglr2010
项目概览
项目概览
详情
发布
仓库
仓库
文件
提交
分支
标签
贡献者
分支图
比较
Issue
0
Issue
0
列表
看板
标记
里程碑
合并请求
0
合并请求
0
Pages
分析
分析
仓库分析
DevOps
Wiki
0
Wiki
成员
成员
收起侧边栏
关闭侧边栏
动态
分支图
创建新Issue
提交
Issue看板
体验新版 GitCode,发现更多精彩内容 >>
提交
63f19feb
编写于
1月 15, 2020
作者:
EvanOne(文一)
浏览文件
操作
浏览文件
下载
电子邮件补丁
差异文件
fix: Solved that friends plugin not show normally when lazyload enabled
上级
ac44aee4
变更
2
显示空白变更内容
内联
并排
Showing
2 changed file
with
30 addition
and
27 deletion
+30
-27
scripts/tags/friends.js
scripts/tags/friends.js
+21
-16
source/css/_common/components/plugins/friends.styl
source/css/_common/components/plugins/friends.styl
+9
-11
未找到文件。
scripts/tags/friends.js
浏览文件 @
63f19feb
...
...
@@ -15,28 +15,33 @@ function friends(args) {
}
});
return
fs
.
readFile
(
path
).
then
(
function
(
data
s
)
{
if
(
!
data
s
)
{
return
fs
.
readFile
(
path
).
then
(
function
(
data
)
{
if
(
!
data
)
{
hexo
.
log
.
warn
(
'
Include file empty.
'
);
return
;
}
var
datas
=
JSON
.
parse
(
datas
);
var
result
=
'
<div class="friends-plugin">
'
;
datas
.
forEach
(
data
=>
{
result
+=
`<a class="friends-plugin__item" href="
${
data
.
url
}
">`
;
result
+=
`<img class="friends-plugin__item-avatar" src="
${
data
.
avatar
}
" data-zoom="none">`
;
result
+=
'
<div class="friends-plugin__item-info">
'
;
result
+=
`<p class="friends-plugin__item-info__name">
${
data
.
name
}
</p>`
;
result
+=
`<p class="friends-plugin__item-info__intro">
${
data
.
introduction
}
</p>`
;
result
+=
'
</div>
'
;
result
+=
'
</a>
'
;
});
var
imgClassName
=
'
friends-plugin__item-avatar
'
;
var
theme
=
hexo
.
theme
.
config
;
if
(
theme
.
lazyload
&&
theme
.
lazyload
.
enable
)
{
imgClassName
+=
`lazyload lazyload-
${
theme
.
lazyload
.
placeholder
}
`
;
}
result
+=
'
</div>
'
;
var
friends
=
JSON
.
parse
(
data
);
var
renderHtml
=
'
<div class="friends-plugin">
'
;
friends
.
forEach
(
f
=>
{
renderHtml
+=
`<a class="friends-plugin__item" href="
${
f
.
url
}
">`
+
`<img class="
${
imgClassName
}
" src="
${
f
.
avatar
}
" data-zoom="none">`
+
'
<div class="friends-plugin__item-info">
'
+
`<p class="friends-plugin__item-info__name">
${
f
.
name
}
</p>`
+
`<p class="friends-plugin__item-info__intro">
${
f
.
introduction
}
</p>`
+
'
</div>
'
+
'
</a>
'
;
});
renderHtml
+=
'
</div>
'
;
return
re
sult
;
return
re
nderHtml
;
});
}
...
...
source/css/_common/components/plugins/friends.styl
浏览文件 @
63f19feb
...
...
@@ -3,12 +3,13 @@
max-width: 100%;
&__item {
display:
block
;
display:
flex
;
float: left;
padding: .5rem 1rem;
width: 50%;
height: 100px;
transition: background-color .3s;
align-items: center;
&:hover {
background-color: alpha($blue-light, .1);
...
...
@@ -21,22 +22,15 @@
avatar-width = 60px;
&-avatar {
display: inline-block
;
margin: 0 1rem 0 0
;
border-radius: 50% !important;
width: avatar-width;
height: avatar-width;
vertical-align: middle;
}
info-margin = 20px;
&-info {
display: inline-block;
margin-left: info-margin;
padding-top: .6rem;
width: 'calc(100% - %s)' % (avatar-width + info-margin);
height: 100%;
vertical-align: middle;
overflow: hidden;
width: 100%;
color: var(--color-gray-800);
&__name,
...
...
@@ -46,6 +40,10 @@
text-overflow: ellipsis;
}
&__name {
font-weight: $font-weight-bolder;
}
&__intro {
font-size: .9em;
color: #999;
...
...
编辑
预览
Markdown
is supported
0%
请重试
或
添加新附件
.
添加附件
取消
You are about to add
0
people
to the discussion. Proceed with caution.
先完成此消息的编辑!
取消
想要评论请
注册
或
登录