.offline-mask{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#ccc;z-index:9999;transition:position2s;display:flex;align-items:center;justify-content:center;flex-direction:column;}.offline-mask-title{color:rgba(0,0,0,0.8);}.offline-mask-desc{边距-top:20px;color:red;font-weight:bold;}触发时，页面会触发这两个事件。事件按以下顺序冒泡：document.body->document->window。事件不能取消（开发者不能手动更改代码为在线或离线，但可以在开发过程中使用开发者工具）。有多种方法可以注册在线和离线事件。最推荐window+addEventListener的组合。通过window或document或document.body和addEventListener为document或document.body的.ononline或.onoffline属性设置一个js函数（Chrome80只对window有效）。（注意使用window.ononline和window.onoffline会有兼容性问题）也可以通过标签注册事件
