💻 代码预览 · 小草停车

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    [...wrap.children].forEach(function (x) { x.classList.remove('sel'); });
9    ft.classList.add('sel');
10    var kw = ft.textContent;
11    var cards = document.querySelectorAll('.park-card');
12    if (kw === '全部') { cards.forEach(function (c) { c.style.display = 'flex'; }); }
13    else {
14      cards.forEach(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    [...w.children].forEach(function (x) { x.classList.remove('on'); });
23    so.classList.add('on');
24  }
25  var pt = e.target.closest('.plate-tag');
26  if (pt) {
27    var g = pt.parentElement;
28    [...g.children].forEach(function (x) { x.classList.remove('sel'); });
29    pt.classList.add('sel');
30  }
31  var pm = e.target.closest('.pay-method .pm');
32  if (pm) {
33    var g2 = pm.parentElement;
34    [...g2.children].forEach(function (x) { x.classList.remove('sel'); });
35    pm.classList.add('sel');
36  }
37  var cp = e.target.closest('.cc-btn');
38  if (cp) { cp.textContent = '已领取'; cp.style.opacity = '.6'; toast('优惠券已到账'); }
39  var vb = e.target.closest('.vb-btn');
40  if (vb) { toast('正在聆听：请说出您的目的地'); }
41});
42function toast(msg) {
43  var d = document.createElement('div');
44  d.style.cssText = 'position:fixed;left:50%;bottom:110px;transform:translateX(-50%);background:rgba(15,42,94,.9);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:999';
45  d.textContent = msg;
46  document.body.appendChild(d);
47  setTimeout(function () { d.remove(); }, 1800);
48}
49