摸鱼周报 20231201-1

心血来潮写一下周报。

fishpi issue

大概周三我接到大G的求助，让我帮忙写点样式。需求大致是根据公开日志进行不同分组提供不同样式？

没错是午安的issue，鱼排仍旧活跃的管理员，可惜不会爆金币。

因为我对鱼排项目并不熟悉，我第二时间请教了摸瞎，询问样式所在的文件夹；然后定位公开日志对应的html元素。

大概就是logsContent这个东西。

然后我们在鱼排项目（rhythm-master）去搜索这个东西。

我找到了logs.ftl这个页面模板，据摸瞎说是freemarker生成的，不过模板里并没有给出logcontent的子元素，也就是说子元素内容是后续增加的。

搜索栏里，logsjs文件给了填充代码。除去连接资源和逻辑处理，有关html本身的就是下面的部分（sumResult）。

对比之后，key3就是日志记录的操作内容（比如扣除积分发送弹幕啥的）。

看了看这个文件的增加人，是阿达，问了下，说是lakte框架自带的。好吧，那我也不管key3值直接去处理了。我们重写一下

sumResult: function (key1, key2, key3, data) {
// let result = '<div style="padding: 5px 0;font-size: 15px;">';
// result += '【 <span style="color: #696969">' + key1 + '</span> ';
// result += '<span style="color: #708090">' + key2 + '</span> 】<br>';
// result += '「<span style="color: #6A5ACD">' + key3 + '</span>」 ';
// result += '<span style="color: #1E90FF">' + data + '</span> ';
// result += '</div>';
// return result;

/**

* 根据key3值不同显示不同颜色 增加(tag)
* 增加积分 绿色 tag:add
* 扣除积分 红色 tag:reduce
* 发送弹幕 橙色 tag:post
*
* 其他key值统一为 #6A5ACD tag:handle
  */
  let result = "";
  switch (key3) {
  case key3 === "增加积分":
  result = '<div style="padding: 5px 0;font-size: 15px;">';
  result += '【 <span style="color: #696969">' + key1 + "</span> ";
  result += '<span style="color: #708090">' + key2 + "</span> 】<br>";
  result +=
  '「<span style="color: #99CC66">' + "(add)" + key3 + "</span>」 ";
  result += '<span style="color: #1E90FF">' + data + "</span> ";
  result += "</div>";
  break;
  case key3 === "扣除积分":
  result = '<div style="padding: 5px 0;font-size: 15px;">';
  result += '【 <span style="color: #696969">' + key1 + "</span> ";
  result += '<span style="color: #708090">' + key2 + "</span> 】<br>";
  result +=
  '「<span style="color: #FF6666">' + "(reduce)" + key3 + "</span>」 ";
  result += '<span style="color: #1E90FF">' + data + "</span> ";
  result += "</div>";
  break;
  case key3 === "发送弹幕":
  result = '<div style="padding: 5px 0;font-size: 15px;">';
  result += '【 <span style="color: #696969">' + key1 + "</span> ";
  result += '<span style="color: #708090">' + key2 + "</span> 】<br>";
  result +=
  '「<span style="color: #FF9900">' + "(post)" + key3 + "</span>」 ";
  result += '<span style="color: #1E90FF">' + data + "</span> ";
  result += "</div>";
  break;
  default:
  result = '<div style="padding: 5px 0;font-size: 15px;">';
  result += '【 <span style="color: #696969">' + key1 + "</span> ";
  result += '<span style="color: #708090">' + key2 + "</span> 】<br>";
  result +=
  '「<span style="color: #6A5ACD">' + "(handle)" + key3 + "</span>」 ";
  result += '<span style="color: #1E90FF">' + data + "</span> ";
  result += "</div>";
  break;
  }

return result;

},