JCZ2MkKb5S8ZX9pq

我还以为塑化剂呢…… /狗头

https://imgur.com/CLY5pn3.png

又改了一个无背景的试试。顺便加了点 hover。
间距完全用 before 的分隔符控制了，如果要不可见颜色透明就行。

style.innerHTML = "
#video_speed_div button { outline: 0; margin: 2px 0 0; background: transparent; border: 0; color: #999; cursor: pointer;}
.video_speed_div-button-active { border: 0!important; background: transparent!important; color: #00a1d6!important;font-weight:bolder; }
#video_speed_div button:before{content:'·';margin:5px;color:#999!important;font-weight:normal!important}
#video_speed_div button:hover{color:#00b5e5}";

https://imgur.com/KKq6bVe.png
因为用了左对齐，感觉可以考虑把背景色去掉，跟文字会更融合一点，不会有一个色块未对齐的感觉。
之前右对齐有一个色块倒还好。但宽度变化会偏移位置，所以才左对齐了吧。

又改了一点点样式，关于宽度和垂直对齐，你看看有没有用得上的。

let videoSpeedElement;

let style = document.createElement('style');
style.type = 'text/css';
style.innerHTML = "#video_speed_div button { outline: 0; padding:0 5px; min-width: 30px; margin: 1px -18px 0 20px; background-color: #eee; border: 0; color: #888; cursor: pointer;} .video_speed_div-button-active { border: 0!important; background-color: #00b5e5!important; color: #fff!important; }";
document.getElementsByTagName('head').item(0).appendChild(style);

let _interval = setInterval(function () {
if (document.querySelector(".bb-comment") && document.getElementById("video_speed_div") === null) {
addSpeedBtns();
}
}, 100);

function addSpeedBtns() {
videoSpeedElement = document.createElement("div");
videoSpeedElement.setAttribute("id", "video_speed_div");

let speedArr = [1, 1.25, 1.5, 1.75, 2, 3, 4, 5];

for (let i = 0; i < speedArr.length; i++) {
let speed = speedArr[i];
let btn = document.createElement("button");
btn.innerHTML = "x" + speed;
btn.setAttribute("id", "third_video_plugin_btn_" + speed);
btn.addEventListener("click", changeVideoSpeed);
videoSpeedElement.appendChild(btn);
}


document.querySelector("#viewbox_report").querySelector(".video-data:last-child").appendChild(videoSpeedElement);

clearInterval(_interval);

// 加载之间已经设置的速度, 在同一个页面中切换视频后，设置的速度就没了，这里用一个定时器，200ms 设置一下
setInterval(function () {
let third_video_plugin_speed = localStorage.getItem("third_video_plugin_speed");
if (!third_video_plugin_speed) third_video_plugin_speed = '1';
for (let i = 0; i < videoSpeedElement.childNodes.length; i++) {
let btn = videoSpeedElement.childNodes[i];
if (btn.getAttribute("id") === "third_video_plugin_btn_" + third_video_plugin_speed) {
btn.click();
}
}
document.getElementById("third_video_plugin_btn_" + third_video_plugin_speed).click();
}, 200);
}

希望能参考一下我的修改，主要几点。
1. 选项稍微减少一点，3 倍以上的时候，0.5 倍不是很必要。
2. 减少按钮间距。
3. 我是前端，我有调整按钮和左侧文字垂直对齐的问题。这里一般会采用垂直居中，或者基线（文字底部）对齐。

---

希望如此改动的理由是，刚才油猴自动更新了，按钮变得很宽。
我是在一个竖屏的屏幕上播放的，宽度 1080，或者 960 的时候，按钮会过宽。1920 是正常的。

当然，如果你觉得修改麻烦的话，也希望能告知。如果你不介意的话，我想 fork 一个版本出来自己用。

巴纳姆效应+冷读法 用得多一点
统计作为辅助吧

大家冷静，看个视频消消气。
[《一千个品牌黑历史》第三期：华为_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili]( https://www.bilibili.com/video/av62998739)

@imzhoukunqiang
@geelaw
不懂啥是背包问题，凑合写了一个，基本满足我自己的需求了。
缩进随缘吧。有空改个 js 的挂网页。

item = {'creatine': 64.35, 'protein': 103.35, 'bcaa': 64.35}
priceLimit = 428

# 格式化商品数据
itemDict = {}
for name, price in item.items():
itemDict.setdefault(price, '')
itemDict[price] += f'/{name}'
itemDict[price] = itemDict[price].lstrip('/')
itemList = sorted(itemDict.items(), key=lambda x: x[1])
drawTitle('ITEMLIST')
[print(f'{price:8.2f} | {name}') for price, name in itemList]
print(f'\nTraget Price: {priceLimit:.2f}')
r = {}


def orderNum(itemList, prevOrder='', prevPrice=0):
for num in range(999):
price, name = itemList[0]
thisOrder = f'{prevOrder} + {num} {name}' if num else ''
thisPrice = prevPrice + price * num

# 如果当前价格超了 就不再增加数量
if thisPrice >= priceLimit:
r[thisOrder.strip('+ ')] = thisPrice
return

# 如果价格没超 就往下一位
if len(itemList) > 1:
orderNum(itemList[1:], thisOrder, thisPrice)


orderNum(itemList)
# 按总价升序
r = sorted(r.items(), key=lambda d: d[1])
drawTitle('RESULT')
[print(f'{total:>8.2f} | {order}') for order, total in r]