search

gaogaotiantian / biliscope

Bilibili chrome extension to show uploader's stats
MIT License
575 stars 45 forks source link

Add hot comment display #180

Closed F-park closed 1 month ago

F-park commented 2 months ago

close #177

F-park commented 2 months ago

无 API call，用 flex 压缩了 AI 总结的高度。

F-park commented 2 months ago

支持了表情和内链的显示

gaogaotiantian commented 2 months ago

这边发个预览图我看一下效果

F-park commented 2 months ago

image image

gaogaotiantian commented 2 months ago

这design不太行……这个comment首先肯定要在那个框里，现在这像流出来了……然后它在默认情况下，应该就是一行或者两行，鼠标悬停上去再做展开。现在这个design评论的部分太大了。评论的价值是要显著小于总结的，它应该只是一个辅助的内容。

另外，在没有总结的时候评论是什么效果？直接不放么？

F-park commented 2 months ago

放在AI总结的框里不就和AI总结混淆了，这两个东西应该独立显示的吧，或者给父容器在加个框也行。

没有AI总结的时候直接不显示总结卡片。

gaogaotiantian commented 2 months ago

image 这个评论就没和上面的内容混淆啊。那个卡片肯定是最外框，评论我觉得应该是用style给展示出来，这样两个内容太难看了。

F-park commented 2 months ago

改成这样呢？ image image

gaogaotiantian commented 2 months ago

没有AI总结的时候就不显示，没问题，不用单独显示一个热评。

我觉得我们还是把这个UI做的尽量和原生的像。不要去标注高赞还是热评，直接尽可能像原生UI那样，前面是评论者的名字，然后冒号后面接评论。字体颜色可以拉灰一点，然后看看那个icon好不好抄过来。我觉得应该尽可能减少我们自创的东西，如果有一些原来B站使用的style我们就去接近它。

不过现在的这个位置的状态感觉比之前好多了。

gaogaotiantian commented 2 months ago

另外还有一点要确认一下，现在在AI总结比较短的时候，是不会有滚动轴的，就是这个卡总是可以显示全。我希望加了这个feature之后依然是在AI总结比较短的时候总是可以全部显示的，包括热评和总结，不要让这个热评总改着总结一部分。

F-park commented 2 months ago

可以显示，视频卡片有 max-height: calc(50vh + 74px);，两者加起来大于这个高度才会让 AI 总结显示滚动条

F-park commented 2 months ago

和原生一样的样式，但我觉得这个灰色看着会很累。 image image

gaogaotiantian commented 2 months ago

font-weight一样么？我其实觉得好像还可以。右边的padding是不是太小了，这里两边padding控制一下。三个省略号依然是黑的。然后就是前面说的，如果没有AI总结，也不出这个热评了吧，单独出个热评好像有点怪。

F-park commented 2 months ago

热评可以一定程度上看出视频质量，我觉得可以保留。高赞评论都没意义，那视频大概率是低质的。

F-park commented 2 months ago

font-weight 确实不一样，被我从 400 加粗到 700，这应该是可以接受的吧。刚刚右边溢出了，现在应该可以了。 image

gaogaotiantian commented 2 months ago

现在这个UI ok了，我觉得我们开始的时候，还是先只在有AI总结的video显示这个评论。如果未来大家有需求，认为这个评论在没有总结的视频也应该出现，我们可以再调整。因为我的感受是这个评论是对总结的一个补充，如果没有总结只有评论，它是比较单薄的，显示它还会占不少的空间。

gaogaotiantian commented 1 month ago

辛苦~