💻 代码预览 · 小草代账管家

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