小草律所/index.html · 约 2919 字符
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<div class="banner">
12 <div>
13 <div class="bn-title">小草律师事务所</div>
14 <div class="bn-sub">专注民商刑事 · 服务企业个人<br/>执业律师 30+ · 胜诉案例 2000+</div>
15 <div class="bn-badge">🎖️ 律所评级 AAA</div>
16 </div>
17 <div class="bn-emoji">⚖️</div>
18</div>
19<div class="quick-grid">
20 <a href="lawyers.html"><div class="qicon">👨⚖️</div>找律师</a>
21 <a href="consult.html"><div class="qicon">💬</div>在线咨询</a>
22 <a href="cases.html"><div class="qicon">📁</div>成功案例</a>
23 <a href="consult.html"><div class="qicon">📝</div>案件委托</a>
24</div>
25<div class="section-title">王牌律师 <span>按领域匹配 ›</span></div>
26<div id="topLawyer"></div>
27<div class="card" style="text-align:center">
28 <div style="font-size:14px;font-weight:700;margin-bottom:6px">⚖️ 24 小时免费法律咨询</div>
29 <div style="font-size:12px;color:#7d86a8;margin-bottom:12px">专业律师在线，1 分钟响应，首次咨询免费</div>
30 <div class="btn btn-gold" data-toast="正在为您转接值班律师">立即免费咨询</div>
31</div>
32<div class="section-title">普法专栏 <span>查看更多 ›</span></div>
33<div id="topArt"></div>
34
35
36<nav class="tabbar"><a class=" active" href="index.html"><span class="icon">🏛️</span>首页</a><a class="" href="lawyers.html"><span class="icon">👨⚖️</span>律师</a><a class="" href="consult.html"><span class="icon">💬</span>咨询</a><a class="" href="cases.html"><span class="icon">📁</span>案例</a><a class="" href="mine.html"><span class="icon">👤</span>我的</a></nav>
37<script src="data.js"></script>
38<script>
39 var tl = document.getElementById('topLawyer');
40 var a = window.DATA.lawyers.slice(0, 2);
41 var h = '';
42 a.forEach(function (l) {
43 h += '<div class="lawyer-card"><div class="lc-avatar">' + l.avatar + '</div><div class="lc-body">'
44 + '<div class="lc-name">' + l.name + '</div><div class="lc-title">' + l.title + '</div>'
45 + '<div class="lc-meta">' + l.field + ' · ' + l.meta + '</div>'
46 + '</div><div class="lc-btn" data-toast="正在联系 ' + l.name + ' 律师">咨询</div></div>';
47 });
48 tl.innerHTML = h;
49 var ta = document.getElementById('topArt');
50 var h2 = '';
51 window.DATA.articles.slice(0, 2).forEach(function (x) {
52 h2 += '<div class="art-card"><div class="ac-emoji">' + x.emoji + '</div><div class="ac-body">'
53 + '<div class="ac-title">' + x.title + '</div><div class="ac-meta">' + x.meta + '</div></div></div>';
54 });
55 ta.innerHTML = h2;
56</script>
57<script src="app.js"></script>
58</body>
59</html>