小草装修帮_H5/company.html · 约 2671 字符
1<!DOCTYPE html><html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"><title>装修公司 · 小草装修帮</title><link rel="stylesheet" href="style.css"></head><body>
2<div class="header"><span class="back" onclick="history.back()">‹</span><h1>找装修公司</h1><span class="right">🔍</span></div>
3<div class="rank-tabs">
4 <span class="active">口碑排行</span><span>距离最近</span><span>价格优选</span>
5</div>
6<div class="section-title">平台认证公司 <span>资质审核 · 装修保护航</span></div>
7<div id="company-list"></div>
8<div class="card">
9 <div class="section-title" style="margin:0 0 8px">报价对比</div>
10 <table class="price-table">
11 <tr><th>公司</th><th>全包价</th><th>工期</th><th>口碑</th></tr>
12 ${COMPANIES.map(c=>'<tr><td>'+c.name+'</td><td style="color:var(--primary-dark);font-weight:700">'+c.price.split(' ')[1]+'</td><td>90天</td><td style="color:var(--accent)">★'+c.score+'</td></tr>').join('')}
13 </table>
14 <div style="font-size:11px;color:#a59079;margin-top:8px">💡 3家以上报价对比更放心，所有增项需业主确认</div>
15</div>
16<div style="height:80px"></div>
17<div class="tabbar">
18 <a href="index.html"><span class="icon">🏠</span>首页</a>
19 <a href="cases.html"><span class="icon">🖼️</span>案例</a>
20 <a class="active" href="company.html"><span class="icon">🏢</span>公司</a>
21 <a href="progress.html"><span class="icon">📹</span>工地</a>
22 <a href="mine.html"><span class="icon">👤</span>我的</a>
23</div>
24<script src="data.js"></script><script src="app.js"></script>
25<script>
26$('#company-list').innerHTML=COMPANIES.map((c,i)=>`
27 <div class="card" style="margin:8px 12px">
28 <div class="company-item" style="border-bottom:none;padding:0 0 8px">
29 <div class="ci-logo">${c.logo}</div>
30 <div class="ci-body">
31 <div class="ci-name">${c.name} <span class="ci-score">★ ${c.score}</span> <span class="badge badge-new">NO.${i+1}</span></div>
32 <div class="ci-meta">${c.cases}套案例 · ${c.price}</div>
33 <div class="ci-meta" style="margin-top:4px">${c.tags.map(t=>'<span class="tag">'+t+'</span>').join('')}</div>
34 </div>
35 </div>
36 <div style="display:flex;gap:8px">
37 <button class="btn btn-outline" style="flex:1;padding:9px" onclick="toast('已提交免费量房申请')">免费量房</button>
38 <button class="btn btn-primary" style="flex:1;padding:9px" onclick="toast('已发送报价申请')">获取报价</button>
39 </div>
40 </div>`).join('');
41</script>
42</body></html>