【日常】记一次烦人的Apple Airport Express Base Station配置

被学校停课了 思想品行分数不高

于是第一节:政治 第二节:政治... 第八节:政治

找别人借了手机 但是没有无线

只能心疼地(才不会x 用别人的流量

想起说还有个Airport Express 

但是上次试了一下 好像是用不了

就 抱着试试看的心情去试试Airport Express

 

中午在机房拿到了AE

就插电接网线试了一下

状态灯竟然绿了

欣喜地试了密码

qaq

 

然而过了不久 不甘心的我又试了一次

 

这一次竟然 ...

然后就可以上网了 

过了几节课

同班的那些人知道了我带了无线

就找我要密码 说更新**斗地主

都是同学总不能不给吧

密码给了之后

就想到说拿电脑来改密码

 

 

开了Airport实用工具却Search不到<

调用 `_this.$flexTabs.openIframe()` 方法时,若需要在新打开的 tab 页面上添加遮罩层,可以通过在打开 tab 时动态插入遮罩元素的方式实现。遮罩层的实现依赖于 DOM 操作,确保遮罩层的 `z-index` 高于 iframe 的 `z-index`,并且设置为 `position: absolute`,以覆盖在 iframe 上方。 ### 实现方式 在调用 `openIframe` 方法时,可以在打开 tab回调中插入遮罩层。例如: ```javascript _this.$flexTabs.openIframe({ url: 'https://example.com', title: '示例页面', callback: function () { // 获取当前 tab 的容器 const tabContainer = document.querySelector('.flex-tabs-content .active'); if (tabContainer) { // 创建遮罩层 const overlay = document.createElement('div'); overlay.style.position = 'absolute'; overlay.style.top = '0'; overlay.style.left = '0'; overlay.style.width = '100%'; overlay.style.height = '100%'; overlay.style.backgroundColor = 'rgba(0, 0, 0, 0.5)'; overlay.style.zIndex = '9999'; overlay.style.display = 'flex'; overlay.style.justifyContent = 'center'; overlay.style.alignItems = 'center'; overlay.style.color = '#fff'; overlay.innerText = '加载中...'; // 将遮罩层插入到 tab 容器中 tabContainer.style.position = 'relative'; // 确保遮罩层定位正确 tabContainer.appendChild(overlay); // 可选:在 iframe 加载完成后移除遮罩层 const iframe = tabContainer.querySelector('iframe'); if (iframe) { iframe.onload = function () { setTimeout(() => { overlay.remove(); }, 1000); // 假设加载完成后 1 秒移除遮罩 }; } } } }); ``` ### 样式与交互控制 遮罩层可以自定义样式,例如设置背景透明度、文字提示、动画效果等。此外,还可以绑定遮罩层的交互事件,例如点击关闭遮罩或执行其他逻辑: ```javascript overlay.addEventListener('click', function () { overlay.remove(); }); ``` ### 注意事项 - **DOM 定位**:确保遮罩层的父容器设置了 `position: relative`,否则遮罩层的 `position: absolute` 无法正确定位。 - **事件拦截**:由于遮罩层的 `z-index` 高于 iframe,因此所有事件(如点击、鼠标移动等)都会首先被遮罩层捕获。如果需要将某些事件传递给 iframe,可以通过 JavaScript 手动触发 iframe 内部的事件处理逻辑。 - **性能优化**:遮罩层的存在可能会对页面性能产生一定影响,尤其是在频繁操作 iframe 的情况下。因此,建议在不需要遮罩层时及时移除或隐藏它。 通过上述方法,可以在调用 `_this.$flexTabs.openIframe()` 时动态添加遮罩层,并实现对遮罩层的样式控制和交互处理[^3]。 ---
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值