💻 代码预览 · 小草医美

1// 小草医美 · 交互逻辑
2document.addEventListener('click', function (e) {
3  var t = e.target.closest('[data-toast]');
4  if (t) { toast(t.getAttribute('data-toast')); }
5  var ft = e.target.closest('.filter-tab');
6  if (ft) {
7    var wrap = ft.parentElement;
8    [].forEach.call(wrap.children, function (x) { x.classList.remove('sel'); });
9    ft.classList.add('sel');
10    var kw = ft.textContent;
11    var cards = document.querySelectorAll('.proj-card');
12    if (kw === '全部') { [].forEach.call(cards, function (c) { c.style.display = 'flex'; }); }
13    else {
14      [].forEach.call(cards, function (c) {
15        c.style.display = c.textContent.indexOf(kw) >= 0 ? 'flex' : 'none';
16      });
17    }
18  }
19  var so = e.target.closest('.sort-bar span');
20  if (so) {
21    var w = so.parentElement;
22    [].forEach.call(w.children, function (x) { x.classList.remove('on'); });
23    so.classList.add('on');
24  }
25  var sp = e.target.closest('.spec-opt');
26  if (sp) {
27    var grp = sp.parentElement;
28    [].forEach.call(grp.children, function (x) { x.classList.remove('sel'); });
29    sp.classList.add('sel');
30  }
31  var sn = e.target.closest('.sr-num i');
32  if (sn) {
33    var b = sn.parentElement.querySelector('b');
34    var v = parseInt(b.textContent) || 1;
35    v = sn.textContent === '+' ? v + 1 : Math.max(1, v - 1);
36    b.textContent = v;
37  }
38  var opt = e.target.closest('.ap-val .opt, .ap-time');
39  if (opt) {
40    var box = opt.parentElement;
41    [].forEach.call(box.children, function (x) { x.classList.remove('sel'); });
42    opt.classList.add('sel');
43  }
44  var cp = e.target.closest('.cc-btn');
45  if (cp) { cp.textContent = '已领取'; cp.style.opacity = '.6'; toast('优惠券已到账'); }
46});
47function toast(msg) {
48  var d = document.createElement('div');
49  d.style.cssText = 'position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:rgba(122,26,82,.92);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:999';
50  d.textContent = msg;
51  document.body.appendChild(d);
52  setTimeout(function () { d.remove(); }, 1800);
53}
54