john
722b18326f
含 MindSpace 三列布局与统计修复、聊天加载态与连接降级、平台页脚标记与 og:site_name 微信卡片、勾选资料删除 Agent 接口及内部话术过滤。 Co-authored-by: Cursor <cursoragent@cursor.com>
50 lines
3.2 KiB
HTML
50 lines
3.2 KiB
HTML
<!doctype html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>微信分享预览 · 连云港三天两夜攻略 🌊</title>
|
|
<style>
|
|
* { box-sizing: border-box; }
|
|
body { margin: 0; min-height: 100vh; padding: 24px; background: #ececec; font-family: ui-sans-serif, -apple-system, BlinkMacSystemFont, sans-serif; color: #111; }
|
|
.wrap { max-width: 420px; margin: 0 auto; }
|
|
h1 { margin: 0 0 8px; font-size: 18px; }
|
|
.hint, .note { margin: 0 0 16px; color: #666; font-size: 13px; line-height: 1.6; }
|
|
.card { display: grid; grid-template-columns: 1fr 72px; gap: 12px; padding: 12px; border-radius: 8px; background: #fff; box-shadow: 0 1px 0 rgba(0,0,0,.06); }
|
|
.card-main { min-width: 0; }
|
|
.card-title { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.35; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
|
.card-desc { margin: 6px 0 0; color: #888; font-size: 13px; line-height: 1.45; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
|
.card-foot { display: flex; align-items: center; gap: 6px; margin-top: 10px; color: #999; font-size: 12px; }
|
|
.card-foot img { width: 16px; height: 16px; border-radius: 999px; object-fit: cover; }
|
|
.card-thumb { width: 72px; height: 72px; border-radius: 4px; object-fit: cover; background: #f3f3f3; }
|
|
.card-thumb-empty { display: grid; place-items: center; color: #bbb; font-size: 12px; }
|
|
.meta { margin-top: 18px; padding: 14px; border-radius: 10px; background: rgba(255,255,255,.72); font-size: 12px; line-height: 1.7; word-break: break-all; }
|
|
code { background: rgba(0,0,0,.06); padding: 1px 4px; border-radius: 4px; }
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div class="wrap">
|
|
<h1>微信链接卡片预览</h1>
|
|
<p class="hint">本地模拟的是「粘贴链接后看到的卡片」，不是 JS-SDK 内部分享弹层。源链接：<code>https://m.tkmind.cn/MindSpace/john/public/lianyungang-guide.html</code></p>
|
|
<p class="note">修复后：标题 + 描述 + 缩略图 + 底部「TKMind 智趣」小图标应同时出现。</p>
|
|
<article class="card" aria-label="微信分享卡片预览">
|
|
<div class="card-main">
|
|
<h2 class="card-title">连云港三天两夜攻略 🌊</h2>
|
|
<p class="card-desc">三天两夜·沙滩酒店·必吃美食</p>
|
|
<div class="card-foot">
|
|
<img src="http://127.0.0.1:8081/brand/tkmind-icon.png" alt="" onerror="this.style.display='none'">
|
|
<span>TKMind 智趣</span>
|
|
</div>
|
|
</div>
|
|
<img class="card-thumb" src="https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=200&q=80" alt="">
|
|
</article>
|
|
<div class="meta">
|
|
<div><strong>og:title</strong> 连云港三天两夜攻略 🌊</div>
|
|
<div><strong>og:description</strong> 三天两夜·沙滩酒店·必吃美食</div>
|
|
<div><strong>og:site_name</strong> TKMind 智趣</div>
|
|
<div><strong>og:image</strong> https://images.unsplash.com/photo-1507525428034-b723cf961d3e?auto=format&fit=crop&w=200&q=80</div>
|
|
<div><strong>icon</strong> /brand/tkmind-icon.png</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |