mirror of
https://github.com/the1812/Bilibili-Evolved.git
synced 2025-11-04 21:22:45 +08:00
Support V2 comment area (#3807)
This commit is contained in:
parent
a53da38610
commit
df41c196eb
@ -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;
|
||||
}
|
||||
// }
|
||||
}
|
||||
10
registry/lib/components/style/simplify/comments/index.md
Normal file
10
registry/lib/components/style/simplify/comments/index.md
Normal file
@ -0,0 +1,10 @@
|
||||
- 删除热评头像下方的关注按钮
|
||||
- 删除用户的等级标识
|
||||
- 删除发送源信息(\`来自安卓客户端\` 这种)
|
||||
- 删除用户名右边的勋章
|
||||
- 删除评论区顶部的横幅
|
||||
- 发送时间移动到右上角
|
||||
- 位图图标全部换用矢量图标, 高分屏不会模糊
|
||||
- 投票仅显示链接, 隐藏下面的大框.
|
||||
|
||||
> 注: 关注和等级可以通过鼠标停留在头像上, 在弹出的资料卡小窗中查看.
|
||||
@ -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],
|
||||
})
|
||||
|
||||
Loading…
Reference in New Issue
Block a user