小草二手房_H5/agent.html · 约 1905 字符
1<!DOCTYPE html>
2<html lang="zh-CN">
3<head>
4<meta charset="UTF-8"/>
5<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"/>
6<title>经纪人 · 小草二手房</title>
7<link rel="stylesheet" href="style.css"/>
8</head>
9<body>
10
11<header class="header"><span class="back"></span><h1>经纪人</h1><span class="right">🎖️</span></header>
12<div class="section-title">金牌经纪人 <span>认证 · 经验丰富</span></div>
13<div id="agentList"></div>
14<div class="card" style="text-align:center">
15 <div style="font-size:14px;font-weight:700;margin-bottom:6px">🤝 找不到合适房源？</div>
16 <div style="font-size:12px;color:#7b8db0;margin-bottom:12px">告诉我们需求，金牌经纪人帮您精准匹配</div>
17 <div class="btn btn-primary" data-toast="需求已提交，经纪人将联系您">发布找房需求</div>
18</div>
19<script>
20 var al = document.getElementById('agentList');
21 var h = '';
22 window.DATA.agents.forEach(function (a) {
23 h += '<div class="agent-card"><div class="ac-avatar">' + a.avatar + '</div><div class="ac-body">'
24 + '<div class="ac-name">' + a.name + '</div>'
25 + '<div class="ac-star">' + a.star + '</div>'
26 + '<div class="ac-meta">' + a.meta + '</div>'
27 + '</div><div class="ac-btn" data-toast="正在为你接通 ' + a.name + '">在线咨询</div></div>';
28 });
29 al.innerHTML = h;
30</script>
31
32<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏠</span>首页</a><a class="" href="list.html"><span class="icon">🏘️</span>找房</a><a class="" href="calculator.html"><span class="icon">🧮</span>房贷</a><a class=" active" href="agent.html"><span class="icon">🤝</span>经纪人</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
33<script src="data.js"></script>
34<script src="app.js"></script>
35</body>
36</html>