💻 代码预览 · 小草律所

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"><a class="back" onclick="history.back()">‹</a><h1>在线咨询</h1><span class="right"></span></header>
12<div class="section-title">选择咨询方式</div>
13<div class="consult-types">
14  <div class="ct-item" data-toast="图文咨询：首次免费"><div class="ct-emoji">💬</div><div class="ct-name">图文咨询</div><div class="ct-desc">留言描述问题，律师回复</div><div class="ct-price">首次免费</div></div>
15  <div class="ct-item" data-toast="电话咨询：正在呼叫"><div class="ct-emoji">📞</div><div class="ct-name">电话咨询</div><div class="ct-desc">30 分钟电话沟通</div><div class="ct-price">¥98/次</div></div>
16  <div class="ct-item" data-toast="视频面谈：预约成功"><div class="ct-emoji">📹</div><div class="ct-name">视频面谈</div><div class="ct-desc">远程面对面沟通</div><div class="ct-price">¥198/次</div></div>
17  <div class="ct-item" data-toast="到所面谈：已提交预约"><div class="ct-emoji">🏛️</div><div class="ct-name">到所面谈</div><div class="ct-desc">预约律师当面沟通</div><div class="ct-price">免费评估</div></div>
18</div>
19<div class="section-title">案件评估表单</div>
20<div class="form-card">
21  <div class="form-row"><span class="fr-label">纠纷类型</span><span class="fr-placeholder">婚姻 / 债务 / 劳动 / 刑事…</span></div>
22  <div class="form-row"><span class="fr-label">咨询律师</span><span class="fr-placeholder">陈志远 律师（高级合伙人）</span></div>
23  <div class="form-row"><span class="fr-label">联系方式</span><span class="fr-placeholder">请输入手机号</span></div>
24  <textarea class="form-textarea" placeholder="请简要描述您的案件情况，律师将针对性回复…"></textarea>
25</div>
26<div style="padding:0 12px 90px">
27  <div class="btn btn-primary" data-toast="提交成功，律师将在 1 小时内联系您">提交评估</div>
28</div>
29
30<nav class="tabbar"><a class="" href="index.html"><span class="icon">🏛️</span>首页</a><a class="" href="lawyers.html"><span class="icon">👨‍⚖️</span>律师</a><a class=" active" 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>
31<script src="data.js"></script>
32
33<script src="app.js"></script>
34</body>
35</html>