子比文章列表配置(适配移动端)

文章摘要
scbkw

一、按照官方配置

图片[1]-子比文章列表配置(适配移动端)-苏晨博客

如上图,选择点赞数,或者如下图关闭点赞选择阅读或者评论

图片[2]-子比文章列表配置(适配移动端)-苏晨博客

效果就是移动端,只显示一个图标,如下图

图片[3]-子比文章列表配置(适配移动端)-苏晨博客

二、添加自定义css

1)修改用户名隐藏

@media only screen and (max-width: 768px) {
  .posts-item .item-meta item span:not(item a span) {
    display: none;
  }
}

2)隐藏图标

@media only screen and (max-width: 768px) {
  .posts-item .item-meta .meta-right .需要隐藏的图标{
    display: none;
  }
}

需要隐藏的图标:meta-comm(评论)、meta-view(阅读量)、meta-like(点赞数)

三、修改子比文件(最不推荐)

位置如图所示

图片[4]-子比文章列表配置(适配移动端)-苏晨博客
© 版权声明
THE END
喜欢就支持一下吧
分享
评论 抢沙发

请登录后发表评论

    暂无评论内容