<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>线索详情</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<style>
body{margin:0;font-family:Segoe UI,Helvetica,Arial,sans-serif;background:#f5f7fa}
.navbar{height:60px;background:#fff;box-shadow:0 2px 4px rgba(0,0,0,.08);display:flex;align-items:center;padding:0 24px;position:fixed;top:0;left:0;right:0;z-index:1000}
.navbar h1{font-size:18px;color:#1e88e5;margin:0}
.main{margin-top:80px;padding:20px;display:grid;grid-template-columns:2fr 1fr;gap:20px}
.card{background:#fff;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,.06);padding:20px}
h3{margin:0 0 12px;font-size:16px}
.row{margin-bottom:10px;font-size:14px}
.timeline{max-height:300px;overflow:auto}
.timeline-item{border-left:3px solid #1e88e5;padding-left:12px;margin-bottom:12px;position:relative}
.timeline-item::before{content:'';width:7px;height:7px;background:#1e88e5;border-radius:50%;position:absolute;left:-5px;top:4px}
.btn{padding:8px 12px;border:none;border-radius:4px;color:#fff;background:#1e88e5;font-size:13px;cursor:pointer;margin-right:8px}
</style>
</head>
<body>
<div class="navbar"><h1>📄 线索详情 - L0856</h1></div>
<div class="main">
<div class="card">
<h3>基本信息</h3>
<div class="row"><strong>姓名：</strong>王五</div>
<div class="row"><strong>手机：</strong>138****1234</div>
<div class="row"><strong>注册时间：</strong>2025-09-06 14:00</div>
<div class="row"><strong>渠道：</strong>地推-济南站</div>
<div class="row"><strong>城市：</strong>济南</div>
<div class="row"><strong>设备：</strong>iPhone 13</div>
</div>
<div class="card timeline">
<h3>跟进记录时间轴</h3>
<div class="timeline-item">2025-09-07 14:20 电话 未接通</div>
<div class="timeline-item">2025-09-07 16:00 微信 已添加好友</div>
<div class="timeline-item">2025-09-08 09:10 电话 意向高，周一注册</div>
</div>
</div>
<div style="padding:0 20px 20px">
<button class="btn" onclick="alert('记录跟进')">记录跟进</button>
<button class="btn" style="background:#ff9800" onclick="alert('释放线索')">释放线索</button>
<button class="btn" style="background:#4caf50" onclick="alert('标记转化')">标记转化</button>
</div>
</body>
</html>
index.html
index.html