💻 代码预览 · 小草员工管家

1// 小草员工管家 · 交互逻辑
2document.addEventListener('click', function (e) {
3  var t = e.target.closest('[data-toast]');
4  if (t) { toast(t.getAttribute('data-toast')); }
5  var et = e.target.closest('.emp-tab');
6  if (et) {
7    var wrap = et.parentElement;
8    [...wrap.children].forEach(function (x) { x.classList.remove('sel'); });
9    et.classList.add('sel');
10    var kw = et.textContent;
11    var cards = document.querySelectorAll('.emp-card');
12    if (kw === '全部') { cards.forEach(function (c) { c.style.display = 'block'; }); }
13    else {
14      cards.forEach(function (c) {
15        c.style.display = c.textContent.indexOf(kw) >= 0 ? 'block' : 'none';
16      });
17    }
18  }
19});
20function toast(msg) {
21  var d = document.createElement('div');
22  d.style.cssText = 'position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:rgba(30,47,110,.9);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:999';
23  d.textContent = msg;
24  document.body.appendChild(d);
25  setTimeout(function () { d.remove(); }, 1800);
26}
27