【Eelectron-vue】构建桌面应用（17）-electron托盘图标的徽标

1.前言

在windows系统中，一般的应用都会监听不同的状态，然后给出不同的提示。比如QQ的离线状态，企鹅会变灰。当网络中断时，会一直在左右摇摆，类似于等待重连，并且后台都做了重连的操作。

基于这种情况，我们的客户端也需要做这种诊断网络异常，并且给出提示，然后重新连接。

网络重连我就不在这里说明了，这个是后台设置的机制，当网络与服务端不通时，自己尝试重连，知道重新建立链接或者说是token超时，放弃链接，让用户检查网络，重新登录。

基于此，做了如下操作

1. 调研electron的能力，尝试实现托盘徽章，用于展示当前的网络状态或者服务器异常
2. 当网络异常时，给出用户重连的操作提示

这里主要是讲一下托盘的徽章怎么实现。

2. Eelectron托盘徽标

2.1 windows自带的图标和徽标

使用windows的时候，很容易发现它的很多应用都有徽标，比如安全，他右下角的小徽标

还比如，打开安全之后的一系列东西，都是可以加徽标的。