速览改流程图、更新整理日期、移除 SHAREid 字样
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
FANGKK
+29
-23
@@ -221,12 +221,25 @@
|
||||
.count{font-size:12.5px;color:var(--muted);font-family:var(--mono);margin:10px 0 0}
|
||||
.empty{padding:26px 15px;text-align:center;color:var(--muted);font-size:14px}
|
||||
|
||||
/* ---------- quickflow ---------- */
|
||||
.flow{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px;margin:6px 0 8px}
|
||||
.flow div{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:13px 15px}
|
||||
.flow .k{font-family:var(--mono);font-size:11px;color:var(--accent);font-weight:600;letter-spacing:.08em}
|
||||
.flow .v{font-weight:600;font-size:14.5px;margin-top:3px;line-height:1.45}
|
||||
.flow .s{font-size:12.5px;color:var(--muted);margin-top:3px;line-height:1.55}
|
||||
/* ---------- quickflow（连贯流程图，非卡片） ---------- */
|
||||
.flow{list-style:none;margin:22px 0 10px;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
|
||||
.flow li{position:relative;display:flex;flex-direction:column;align-items:center;gap:7px;text-align:center;padding:0 8px}
|
||||
.flow li::before{content:"";position:absolute;top:18px;left:-50%;width:100%;height:2px;background:var(--line-strong)}
|
||||
.flow li:first-child::before{display:none}
|
||||
.flow .dot{position:relative;z-index:1;width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--on-accent);display:grid;place-items:center;font-family:var(--mono);font-size:14px;font-weight:600;box-shadow:0 0 0 5px var(--ground)}
|
||||
.flow .t{font-weight:600;font-size:15px;line-height:1.4}
|
||||
.flow .d{font-size:12.5px;color:var(--muted);line-height:1.55;max-width:15em}
|
||||
@media (max-width:720px){
|
||||
.flow{grid-template-columns:minmax(0,1fr)}
|
||||
.flow li{display:grid;grid-template-columns:36px minmax(0,1fr);grid-template-areas:"dot t" "dot d";column-gap:15px;row-gap:2px;text-align:left;align-items:start;padding:0 0 22px}
|
||||
.flow li:last-child{padding-bottom:0}
|
||||
.flow li::before{display:none}
|
||||
.flow li::after{content:"";position:absolute;left:17px;top:41px;bottom:2px;width:2px;background:var(--line-strong)}
|
||||
.flow li:last-child::after{display:none}
|
||||
.flow .dot{grid-area:dot;box-shadow:none}
|
||||
.flow .t{grid-area:t;line-height:36px}
|
||||
.flow .d{grid-area:d;max-width:none}
|
||||
}
|
||||
|
||||
/* ---------- lightbox ---------- */
|
||||
#lb{position:fixed;inset:0;background:rgba(8,11,15,.9);display:none;place-items:center;z-index:99;padding:28px;cursor:zoom-out}
|
||||
@@ -251,9 +264,8 @@
|
||||
</a>
|
||||
<div class="meta">
|
||||
<span class="chip">环境 <b>测试环境</b></span>
|
||||
<span class="chip">账号体系 <b>SHAREid</b></span>
|
||||
<span class="chip">平台版本 <b>MANTA 1.0</b></span>
|
||||
<span class="chip">整理日期 <b>2026-09-01</b></span>
|
||||
<span class="chip">整理日期 <b>2026-10-09</b></span>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
@@ -278,13 +290,13 @@
|
||||
<section id="s0">
|
||||
<div class="sec-head"><span class="sec-num">速览</span><h2>五步走完一个人群包</h2></div>
|
||||
<p class="sec-sub">整个平台对 AM / 运营 来说只有一条主线，其余菜单都不用碰。</p>
|
||||
<div class="flow">
|
||||
<div><div class="k">01</div><div class="v">登录</div><div class="s">SHAREid 账号</div></div>
|
||||
<div><div class="k">02</div><div class="v">新增人群包</div><div class="s">起名 + 选运算符</div></div>
|
||||
<div><div class="k">03</div><div class="v">加标签</div><div class="s">分类 → 值 → 新鲜度</div></div>
|
||||
<div><div class="k">04</div><div class="v">提交</div><div class="s">无需审核，立即生效</div></div>
|
||||
<div><div class="k">05</div><div class="v">导出</div><div class="s">CSV 文件 或 接口</div></div>
|
||||
</div>
|
||||
<ol class="flow">
|
||||
<li><span class="dot">1</span><span class="t">登录</span><span class="d">用自己的账号</span></li>
|
||||
<li><span class="dot">2</span><span class="t">新增人群包</span><span class="d">起名 + 选运算符</span></li>
|
||||
<li><span class="dot">3</span><span class="t">加标签</span><span class="d">分类 → 值 → 新鲜度</span></li>
|
||||
<li><span class="dot">4</span><span class="t">提交</span><span class="d">无需审核，立即生效</span></li>
|
||||
<li><span class="dot">5</span><span class="t">导出</span><span class="d">CSV 文件 或 接口</span></li>
|
||||
</ol>
|
||||
<div class="note tip">
|
||||
<span class="lbl">一句话</span>
|
||||
<p>人群包 = 一条<strong>集合运算表达式</strong>。你在页面上点的每一步，最后都落成 <code>AND(〔36:RU•6〕,〔54•6〕)</code> 这样一行式子；看懂这行式子，整个平台就通了。</p>
|
||||
@@ -294,20 +306,14 @@
|
||||
<!-- ============ 1 ============ -->
|
||||
<section id="s1">
|
||||
<div class="sec-head"><span class="sec-num">01</span><h2>登录</h2></div>
|
||||
<p class="sec-sub">先确认网络环境，再用 SHAREid 账号登录。平台没有注册入口，账号由研发侧开通。</p>
|
||||
|
||||
<div class="note tip">
|
||||
<span class="lbl">前置 · 网络环境</span>
|
||||
<p><strong>公司内网</strong>下直接访问，无需任何配置。</p>
|
||||
<p><strong>在公司外</strong>（家里、出差、用手机热点）必须先连上<strong>飞连</strong>，否则页面打不开。打不开时先检查飞连是不是断了，再去找研发。</p>
|
||||
</div>
|
||||
<p class="sec-sub">用自己的账号登录。平台没有注册入口，账号由研发侧开通。</p>
|
||||
|
||||
<ol class="steps">
|
||||
<li class="step">
|
||||
<div class="step-n">1</div>
|
||||
<div class="step-b">
|
||||
<h4>打开 <a href="https://manta-test.hellay.net/admin" target="_blank" rel="noopener"><code>https://manta-test.hellay.net/admin</code></a></h4>
|
||||
<p>未登录时会自动跳到登录页。输入<strong>内部 SHAREid 账号</strong>和密码，点「登录」。页面上没有「注册」和「忘记密码」，这是正常的。</p>
|
||||
<p>未登录时会自动跳到登录页。输入<strong>自己的账号</strong>和密码，点「登录」。页面上没有「注册」和「忘记密码」，这是正常的。</p>
|
||||
<figure><img class="shot" loading="lazy" decoding="async" alt="登录页。只有用户名、密码、登录按钮三个元素。" src="img/01-01.jpg"><figcaption><span class="fignum">图 1-1</span><span>登录页。只有用户名、密码、登录按钮三个元素。</span></figcaption></figure>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
Reference in New Issue
Block a user