💻 代码预览 · 小草婚恋交友

1// 小草婚恋交友 · 逻辑层
2const $=s=>document.querySelector(s), $$=s=>document.querySelectorAll(s);
3function toast(msg){const t=document.createElement('div');t.textContent=msg;t.style.cssText='position:fixed;top:20%;left:50%;transform:translateX(-50%);background:rgba(0,0,0,.78);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;z-index:999;transition:opacity .3s';document.body.appendChild(t);setTimeout(()=>{t.style.opacity='0';setTimeout(()=>t.remove(),300)},1200)}
4/* 匹配卡片 */
5let cur=0;
6function renderMatch(){
7  if(cur>=RECOMMENDS.length){$('#match-card').innerHTML='<div class="empty" style="padding:80px 0"><span class="e-icon">💘</span>今天的人都看完啦<br>去圈子逛逛，遇见更多有趣的人</div>';return}
8  const p=RECOMMENDS[cur];
9  $('#mc-hero').textContent=p.emoji;
10  $('#mc-name').textContent=p.name;
11  $('#mc-tags').innerHTML=p.tags.map(t=>'<span class="tag">'+t+'</span>').join('');
12  $('#mc-desc').textContent='💬 '+p.desc+' · 匹配度 '+p.match+'%';
13  $('#mc-job').textContent=p.job+' · '+p.height;
14}
15function swip(act){
16  const p=RECOMMENDS[cur];
17  if(act==='like')toast('已心动 '+p.name+' 💕');
18  else if(act==='super')toast('超级喜欢已送达 '+p.name+' ✨');
19  else toast('已跳过，下一个更乖');
20  cur++;renderMatch();
21}
22function renderMine(){
23  $('#u-name').textContent=USER.name;$('#u-level').textContent=USER.level+' · 26岁 · 杭州';
24  $('#m-like').textContent=USER.like;$('#m-visitors').textContent=USER.visitors;
25  $('#m-credits').textContent=USER.credits;
26  $('#verify-list').innerHTML=USER.verify.map(v=>'<span class="verify-item done"><span class="v-ico">✅</span>'+v+'</span>').join('')+'<span class="verify-item"><span class="v-ico">🔒</span>车辆认证</span><span class="verify-item"><span class="v-ico">🔒</span>房产认证</span>';
27}
28