Support V2 comment area (#3807)

This commit is contained in:
the1812 2022-11-15 22:38:27 +08:00
parent a53da38610
commit df41c196eb
3 changed files with 98 additions and 13 deletions

View File

@ -0,0 +1,84 @@
@import 'common';
$prefix: 'simplifyComments-switch';
.bili-comment {
.reply-item {
// body.#{$prefix}-level & {
.user-level,
.sub-user-level {
display: none !important;
}
// }
// body.#{$prefix}-subReplyNewline & {
.sub-user-info {
display: flex !important;
}
// }
// body.#{$prefix}-layout & {
.reply-decorate {
display: none !important;
}
.sub-user-info,
.sub-user-name {
line-height: 1.5 !important;
}
.sub-user-info {
margin-bottom: 2px !important;
}
.reply-content {
display: block !important;
flex-basis: 100% !important;
}
.sub-reply-content {
padding: 4px 0 !important;
}
.root-reply {
display: flex !important;
align-items: center !important;
flex-wrap: wrap !important;
}
.root-reply,
.reply-info,
.sub-reply-info {
position: static !important;
}
.reply-info,
.sub-reply-info {
display: inline-flex !important;
}
.reply-time,
.sub-reply-time {
position: absolute !important;
top: 0 !important;
right: 0 !important;
margin-right: 0 !important;
line-height: 1.5 !important;
}
.sub-reply-time {
top: 8px !important;
}
.reply-operation-warp,
.sub-reply-operation-warp {
right: 0 !important;
}
.reply-tag-list {
display: inline-flex !important;
margin: 2px 0 0 18px !important;
.reply-tag-item {
padding: 4px 6px !important;
}
}
// }
}
// body.#{$prefix}-replyEditor & {
.reply-box-send {
.send-text {
font-size: 14px !important;
}
}
.reply-box-textarea {
line-height: normal !important;
}
// }
}

View File

@ -0,0 +1,10 @@
- 删除热评头像下方的关注按钮
- 删除用户的等级标识
- 删除发送源信息(\`来自安卓客户端\` 这种)
- 删除用户名右边的勋章
- 删除评论区顶部的横幅
- 发送时间移动到右上角
- 位图图标全部换用矢量图标, 高分屏不会模糊
- 投票仅显示链接, 隐藏下面的大框.
> 注: 关注和等级可以通过鼠标停留在头像上, 在弹出的资料卡小窗中查看.

View File

@ -18,20 +18,11 @@ export const component = defineComponentMetadata({
name,
style: () => import('./comments.scss'),
},
{
name,
style: () => import('./comments-v2.scss'),
},
],
displayName: '简化评论区',
description: {
'zh-CN': `
-
-
- (\`来自安卓客户端\` 这种)
-
-
-
- ,
- , .
> : 关注和等级可以通过鼠标停留在头像上, .`.trim(),
},
tags: [componentsTags.style],
})