le-wechat-article v1.5.1：版式基线落地——①开篇轻量化：四张封面卡（暖橙/摸鱼绿/摸鱼票据/橄榄）瘦身为导语条，去大字主标题/头图/公司落款（公众号后台已承担），补齐「导语与外标题错层」文案策略；②侧边距：微信 App 自带边距为主边距，HTML 每侧合计 ≤16px（容器/模块 ≤6px、卡片 10~14px、嵌套 ≤12px），全 7 主题合计 156 处收紧，正文列宽占屏 69~76%→80%+；③字号阶梯整体 +1（≥12px 全升 414 处：正文 15→16px、moyu 系 14→15px，≤11px 装饰微标不动）；ENGINE 新增「版式基线」三铁律（v1.5.1）+ theme-generator 生成钩子，未来新主题强制合规；新增暖橙主题 theme-warm-orange（36 组件，含预览资产）并入主题库，SKILL.md 主题计数 6→7；topic-facts 补「超级 AI 妈妈」客户事实卡
This commit is contained in:
leroy
@@ -30,11 +30,11 @@
|
||||
辅助文字色： #9CA3AF（中灰）
|
||||
分割线色： #E5E7EB
|
||||
灰竖条： #D6D3D1（灰底引用左竖条）
|
||||
正文字号： 15px（不可改）
|
||||
正文字号： 16px（不可改）
|
||||
行高： 1.8
|
||||
字间距： 0.5px
|
||||
最大宽度： 677px
|
||||
内容区边距： 0 10px（左右各 10px）
|
||||
内容区边距： 0 4px（左右各 4px，卡片侧边 10~14px）
|
||||
```
|
||||
|
||||
字体栈：`-apple-system,BlinkMacSystemFont,'PingFang SC','Hiragino Sans GB','Microsoft YaHei',sans-serif`
|
||||
@@ -62,17 +62,17 @@
|
||||
> - 红底白字标签仅在本卡片内使用（视觉焦点），正文中的关键词标签一律用浅红底深红字（组件 7b）
|
||||
|
||||
```html
|
||||
<section style="margin:10px 10px 32px;background:#ffffff;border-radius:12px;box-shadow:0 4px 24px -4px rgba(220,38,38,0.15);padding:28px 24px 22px;overflow:hidden;">
|
||||
<p style="font-size:42px;color:#DC2626;font-weight:900;margin:0;line-height:0.6;">
|
||||
<section style="margin:10px 4px 32px;background:#ffffff;border-radius:12px;box-shadow:0 4px 24px -4px rgba(220,38,38,0.15);padding:24px 14px 18px;overflow:hidden;">
|
||||
<p style="font-size:43px;color:#DC2626;font-weight:900;margin:0;line-height:0.6;">
|
||||
<span leaf="">"</span>
|
||||
</p>
|
||||
<p style="font-size:16px;font-weight:800;color:#1C1917;margin:12px 0 8px;line-height:1.75;padding-left:4px;">
|
||||
<p style="font-size:17px;font-weight:800;color:#1C1917;margin:12px 0 8px;line-height:1.75;padding-left:4px;">
|
||||
<span style="background:#DC2626;color:#FFFFFF;padding:2px 8px;border-radius:4px;"><span leaf="">{{高亮关键词}}</span></span>
|
||||
<span leaf="">{{金句中段}}</span>
|
||||
<span style="background:#DC2626;color:#FFFFFF;padding:2px 8px;border-radius:4px;"><span leaf="">{{高亮关键词}}</span></span>
|
||||
<span leaf="">{{金句收尾}}</span>
|
||||
</p>
|
||||
<p style="text-align:right;font-size:12px;color:#9CA3AF;margin:8px 0 0;letter-spacing:1px;">
|
||||
<p style="text-align:right;font-size:13px;color:#9CA3AF;margin:8px 0 0;letter-spacing:1px;">
|
||||
<span leaf="">—— {{作者名，未知则删整行}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -85,22 +85,22 @@
|
||||
> 3 个及以上章节时生成。红底白字编号 + 深色标题；展示**精选 3 个核心看点**，不是全量章节列表。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px 32px;">
|
||||
<p style="font-size:14px;color:#9CA3AF;margin:0 0 14px;letter-spacing:1px;">
|
||||
<section style="padding:0 8px 32px;">
|
||||
<p style="font-size:15px;color:#9CA3AF;margin:0 0 14px;letter-spacing:1px;">
|
||||
<span leaf="">📌 本文看点</span>
|
||||
</p>
|
||||
<section style="display:flex;justify-content:space-between;">
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 12px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:12px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">01</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点一}}</span></p>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:13px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">01</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点一}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 12px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:12px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">02</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点二}}</span></p>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:13px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">02</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点二}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 12px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:12px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">03</span></p>
|
||||
<p style="font-size:13px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点三}}</span></p>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:13px;font-weight:800;padding:2px 10px;border-radius:4px;margin:0 0 8px;"><span leaf="">03</span></p>
|
||||
<p style="font-size:14px;font-weight:700;color:#1C1917;margin:0;"><span leaf="">{{看点三}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
</section>
|
||||
@@ -111,7 +111,7 @@
|
||||
## 组件 4 章节分割线（红色渐变）
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px;">
|
||||
<section style="padding:0 8px;">
|
||||
<section style="height:1px;background:linear-gradient(to right,transparent,#FCA5A5,#DC2626,#FCA5A5,transparent);margin:0;">
|
||||
<span leaf=""><br></span>
|
||||
</section>
|
||||
@@ -125,15 +125,15 @@
|
||||
> 红色实底编号标签 + 英文小标签 + 中文大标题，底部红色实线。第一章 `margin-top:16px`，后续章节 `margin-top:48px`。
|
||||
|
||||
```html
|
||||
<section style="margin-top:48px;margin-bottom:28px;padding:0 10px;">
|
||||
<section style="margin-top:48px;margin-bottom:28px;padding:0 8px;">
|
||||
<section style="display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding-bottom:14px;border-bottom:3px solid #DC2626;">
|
||||
<section style="display:flex;align-items:center;">
|
||||
<span style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:18px;font-weight:900;padding:4px 14px;border-radius:6px;margin-right:14px;line-height:1.3;"><span leaf="">01</span></span>
|
||||
<span style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:19px;font-weight:900;padding:4px 14px;border-radius:6px;margin-right:14px;line-height:1.3;"><span leaf="">01</span></span>
|
||||
<section>
|
||||
<p style="font-size:10px;color:#DC2626;font-weight:700;letter-spacing:3px;margin:0 0 2px;text-transform:uppercase;">
|
||||
<span leaf="">{{ENGLISH TAG}}</span>
|
||||
</p>
|
||||
<h3 style="font-size:18px;font-weight:800;color:#1C1917;margin:0;letter-spacing:0.5px;">
|
||||
<h3 style="font-size:19px;font-weight:800;color:#1C1917;margin:0;letter-spacing:0.5px;">
|
||||
<span leaf="">{{中文章节标题}}</span>
|
||||
</h3>
|
||||
</section>
|
||||
@@ -148,7 +148,7 @@
|
||||
**结语章节变体**（编号用 `∞` 替代数字，英文标签用 `THE END` / `EPILOGUE`）：
|
||||
|
||||
```html
|
||||
<span style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:18px;font-weight:900;padding:4px 14px;border-radius:6px;margin-right:14px;line-height:1.3;"><span leaf="">∞</span></span>
|
||||
<span style="display:inline-block;background:#DC2626;color:#FFFFFF;font-size:19px;font-weight:900;padding:4px 14px;border-radius:6px;margin-right:14px;line-height:1.3;"><span leaf="">∞</span></span>
|
||||
```
|
||||
|
||||
---
|
||||
@@ -160,7 +160,7 @@
|
||||
**基础段落**：
|
||||
|
||||
```html
|
||||
<p style="margin-bottom:20px;font-size:15px;line-height:1.8;text-align:justify;">
|
||||
<p style="margin-bottom:20px;font-size:16px;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">{{正文内容}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -168,7 +168,7 @@
|
||||
**带关键词下划线标记的段落**（推荐默认）：
|
||||
|
||||
```html
|
||||
<p style="margin-bottom:20px;font-size:15px;line-height:1.8;text-align:justify;">
|
||||
<p style="margin-bottom:20px;font-size:16px;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">{{前半句}}</span>
|
||||
<span style="border-bottom:2px solid #FECACA;font-weight:600;"><span leaf="">{{需要强调的关键短语}}</span></span>
|
||||
<span leaf="">{{后半句}}</span>
|
||||
@@ -184,7 +184,7 @@
|
||||
> `###` 子标题用红色左竖条 + 深色标题，**不套用组件 5 的编号章节样式**（编号章节只给 `##`）。
|
||||
|
||||
```html
|
||||
<p style="font-size:15px;font-weight:800;color:#1C1917;margin:28px 0 14px;padding-left:10px;border-left:3px solid #DC2626;line-height:1.4;">
|
||||
<p style="font-size:16px;font-weight:800;color:#1C1917;margin:28px 0 14px;padding-left:10px;border-left:3px solid #DC2626;line-height:1.4;">
|
||||
<span leaf="">{{子标题}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -238,7 +238,7 @@
|
||||
### 7f. 行内代码
|
||||
|
||||
```html
|
||||
<span style="background:#F3F4F6;color:#1F2937;padding:2px 6px;border-radius:4px;font-size:14px;font-weight:600;"><span leaf="">code</span></span>
|
||||
<span style="background:#F3F4F6;color:#1F2937;padding:2px 6px;border-radius:4px;font-size:15px;font-weight:600;"><span leaf="">code</span></span>
|
||||
```
|
||||
|
||||
---
|
||||
@@ -248,8 +248,8 @@
|
||||
### 8a. 粉底左竖条金句引用（视觉焦点最强，核心金句）
|
||||
|
||||
```html
|
||||
<section style="background:#FEF2F2;border-radius:0 10px 10px 0;border-left:4px solid #DC2626;padding:18px 22px;margin-bottom:24px;">
|
||||
<p style="font-size:16px;font-weight:800;color:#991B1B;margin:0;line-height:1.8;">
|
||||
<section style="background:#FEF2F2;border-radius:0 10px 10px 0;border-left:4px solid #DC2626;padding:18px 14px;margin-bottom:24px;">
|
||||
<p style="font-size:17px;font-weight:800;color:#991B1B;margin:0;line-height:1.8;">
|
||||
<span leaf="">「{{核心观点或关键金句}}」</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -258,8 +258,8 @@
|
||||
### 8b. 浅红背景引用块（Prompt / 引用内容）
|
||||
|
||||
```html
|
||||
<section style="background:#FEF2F2;border-radius:10px;padding:18px 20px;margin-bottom:24px;border:1px solid #FECACA;">
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;text-align:justify;">
|
||||
<section style="background:#FEF2F2;border-radius:10px;padding:18px 14px;margin-bottom:24px;border:1px solid #FECACA;">
|
||||
<p style="font-size:16px;color:#374151;margin:0;line-height:1.8;text-align:justify;">
|
||||
{{引用内容，可含 7d 下划线等内联样式}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -268,8 +268,8 @@
|
||||
### 8c. 灰色左竖条引用（轻量旁注、个人吐槽）
|
||||
|
||||
```html
|
||||
<section style="border-left:4px solid #D6D3D1;padding:14px 20px;margin-bottom:24px;background:#FAFAFA;border-radius:0 8px 8px 0;">
|
||||
<p style="font-size:14px;color:#374151;margin:0;line-height:1.8;text-align:justify;">
|
||||
<section style="border-left:4px solid #D6D3D1;padding:14px 14px;margin-bottom:24px;background:#FAFAFA;border-radius:0 8px 8px 0;">
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">{{轻量旁注内容}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -278,7 +278,7 @@
|
||||
### 8d. 居中金句分隔（章节间的过渡金句）
|
||||
|
||||
```html
|
||||
<p style="font-size:15px;margin:0 0 24px;text-align:center;color:#DC2626;font-weight:700;letter-spacing:1px;border-top:1px solid #FEE2E2;border-bottom:1px solid #FEE2E2;padding:14px 10px;">
|
||||
<p style="font-size:16px;margin:0 0 24px;text-align:center;color:#DC2626;font-weight:700;letter-spacing:1px;border-top:1px solid #FEE2E2;border-bottom:1px solid #FEE2E2;padding:14px 10px;">
|
||||
<span leaf="">{{居中金句}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -290,8 +290,8 @@
|
||||
### 9a. 红色提示条（重要提醒、核心结论）
|
||||
|
||||
```html
|
||||
<section style="background:#FEF2F2;border-left:4px solid #DC2626;border-radius:0 8px 8px 0;padding:14px 20px;margin-bottom:24px;">
|
||||
<p style="font-size:14px;font-weight:700;color:#991B1B;margin:0;line-height:1.8;">
|
||||
<section style="background:#FEF2F2;border-left:4px solid #DC2626;border-radius:0 8px 8px 0;padding:14px 14px;margin-bottom:24px;">
|
||||
<p style="font-size:15px;font-weight:700;color:#991B1B;margin:0;line-height:1.8;">
|
||||
<span leaf="">💡 {{重要提示或核心结论}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -301,10 +301,10 @@
|
||||
|
||||
```html
|
||||
<section style="padding:6px 0 4px;margin-bottom:16px;">
|
||||
<p style="margin-bottom:6px;font-size:12px;font-weight:700;color:#9CA3AF;letter-spacing:1px;">
|
||||
<p style="margin-bottom:6px;font-size:13px;font-weight:700;color:#9CA3AF;letter-spacing:1px;">
|
||||
<span style="color:#DC2626;"><span leaf="">！踩坑提示 🕳</span></span>
|
||||
</p>
|
||||
<p style="font-size:14px;color:#374151;margin:0;line-height:1.7;">
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.7;">
|
||||
<span leaf="">{{提示内容}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -322,9 +322,9 @@
|
||||
<section style="margin-bottom:22px;">
|
||||
<section style="display:flex;align-items:center;gap:8px;margin-bottom:10px;">
|
||||
<span style="display:inline-block;background:#DC2626;color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px;"><span leaf="">STEP 01</span></span>
|
||||
<span style="font-size:15px;font-weight:800;color:#1C1917;"><span leaf="">{{步骤标题}}</span></span>
|
||||
<span style="font-size:16px;font-weight:800;color:#1C1917;"><span leaf="">{{步骤标题}}</span></span>
|
||||
</section>
|
||||
<p style="font-size:15px;margin:0 0 16px;color:#374151;line-height:1.8;text-align:justify;">
|
||||
<p style="font-size:16px;margin:0 0 16px;color:#374151;line-height:1.8;text-align:justify;">
|
||||
{{步骤内容}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -335,8 +335,8 @@
|
||||
### 10b. tool-card（工具/条目说明卡）
|
||||
|
||||
```html
|
||||
<section style="background:#fff;border-radius:12px;padding:16px 20px;box-shadow:0 4px 16px rgba(220,38,38,0.10);margin-bottom:24px;">
|
||||
<p style="font-size:14px;color:#374151;margin:0;line-height:1.8;">
|
||||
<section style="background:#fff;border-radius:12px;padding:16px 14px;box-shadow:0 4px 16px rgba(220,38,38,0.10);margin-bottom:24px;">
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;">
|
||||
{{条目说明内容}}
|
||||
</p>
|
||||
</section>
|
||||
@@ -351,16 +351,16 @@
|
||||
```html
|
||||
<section style="margin-bottom:24px;">
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">1</span></span>
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">1</span></span>
|
||||
<p style="font-size:16px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">2</span></span>
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">2</span></span>
|
||||
<p style="font-size:16px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
<section style="display:flex;align-items:flex-start;gap:10px;margin-bottom:12px;">
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:12px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">3</span></span>
|
||||
<p style="font-size:15px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
<span style="display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#DC2626;color:#fff;font-size:13px;font-weight:700;border-radius:50%;flex-shrink:0;margin-top:2px;"><span leaf="">3</span></span>
|
||||
<p style="font-size:16px;color:#374151;margin:0;line-height:1.8;flex:1;"><span leaf="">{{列表项内容}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -370,9 +370,9 @@
|
||||
```html
|
||||
<section style="margin-bottom:14px;">
|
||||
<p style="margin:0 0 6px;">
|
||||
<span style="display:inline-block;font-size:14px;font-weight:700;color:#991B1B;background:#FEE2E2;padding:3px 10px;border-radius:999px;"><span style="display:inline-block;width:6px;height:6px;background:#DC2626;border-radius:50%;margin-right:5px;vertical-align:middle;"><span leaf=""><br></span></span><span leaf="">{{要点标题}}</span></span>
|
||||
<span style="display:inline-block;font-size:15px;font-weight:700;color:#991B1B;background:#FEE2E2;padding:3px 10px;border-radius:999px;"><span style="display:inline-block;width:6px;height:6px;background:#DC2626;border-radius:50%;margin-right:5px;vertical-align:middle;"><span leaf=""><br></span></span><span leaf="">{{要点标题}}</span></span>
|
||||
</p>
|
||||
<p style="font-size:14px;color:#4B5563;margin:0;line-height:1.7;text-align:justify;">
|
||||
<p style="font-size:15px;color:#4B5563;margin:0;line-height:1.7;text-align:justify;">
|
||||
<span leaf="">{{要点说明}}</span>
|
||||
</p>
|
||||
</section>
|
||||
@@ -387,8 +387,8 @@
|
||||
<section style="width:2px;background:#FEE2E2;flex:1;margin-top:4px;min-height:44px;"><span leaf=""><br></span></section>
|
||||
</section>
|
||||
<section style="flex:1;padding-bottom:12px;">
|
||||
<p style="margin:0 0 6px;font-size:15px;font-weight:800;color:#1C1917;"><span leaf="">{{节点标题}}</span></p>
|
||||
<p style="font-size:15px;margin:0;color:#374151;line-height:1.8;text-align:justify;">{{节点内容}}</p>
|
||||
<p style="margin:0 0 6px;font-size:16px;font-weight:800;color:#1C1917;"><span leaf="">{{节点标题}}</span></p>
|
||||
<p style="font-size:16px;margin:0;color:#374151;line-height:1.8;text-align:justify;">{{节点内容}}</p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -403,13 +403,13 @@
|
||||
|
||||
```html
|
||||
<section style="display:flex;margin-bottom:24px;padding:0;">
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:18px 16px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:28px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:12px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:18px 12px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:29px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:13px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:18px 16px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:28px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:12px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:18px 12px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:29px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:13px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
```
|
||||
@@ -419,15 +419,15 @@
|
||||
```html
|
||||
<section style="display:flex;margin-bottom:24px;padding:0;">
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:24px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:25px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:11px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;margin-right:8px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:24px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:25px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:11px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
<section style="flex:1;background:#FEF2F2;border-radius:10px;padding:16px 10px;text-align:center;border:1px solid #FEE2E2;">
|
||||
<p style="font-size:24px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:25px;font-weight:900;color:#DC2626;margin:0 0 4px;line-height:1;"><span leaf="">{{数字}}</span></p>
|
||||
<p style="font-size:11px;color:#9CA3AF;margin:0;"><span leaf="">{{说明}}</span></p>
|
||||
</section>
|
||||
</section>
|
||||
@@ -437,7 +437,7 @@
|
||||
|
||||
```html
|
||||
<section style="margin-bottom:24px;overflow-x:auto;">
|
||||
<table style="width:100%;border-collapse:collapse;font-size:14px;">
|
||||
<table style="width:100%;border-collapse:collapse;font-size:15px;">
|
||||
<thead>
|
||||
<tr>
|
||||
<th style="background:#DC2626;color:#fff;font-weight:700;padding:8px 12px;text-align:left;"><span leaf="">{{列标题}}</span></th>
|
||||
@@ -465,13 +465,13 @@
|
||||
浅红底深红字（默认）：
|
||||
|
||||
```html
|
||||
<span style="display:inline-block;background:#FEE2E2;color:#991B1B;font-size:12px;font-weight:700;padding:2px 10px;border-radius:4px;margin-right:6px;"><span leaf="">标签名</span></span>
|
||||
<span style="display:inline-block;background:#FEE2E2;color:#991B1B;font-size:13px;font-weight:700;padding:2px 10px;border-radius:4px;margin-right:6px;"><span leaf="">标签名</span></span>
|
||||
```
|
||||
|
||||
红色描边（轻量）：
|
||||
|
||||
```html
|
||||
<span style="display:inline-block;border:1px solid #DC2626;color:#DC2626;font-size:12px;font-weight:600;padding:1px 10px;border-radius:4px;margin-right:6px;"><span leaf="">标签名</span></span>
|
||||
<span style="display:inline-block;border:1px solid #DC2626;color:#DC2626;font-size:13px;font-weight:600;padding:1px 10px;border-radius:4px;margin-right:6px;"><span leaf="">标签名</span></span>
|
||||
```
|
||||
|
||||
---
|
||||
@@ -489,7 +489,7 @@
|
||||
带说明文字时，图片 `margin-bottom` 改 `8px`，其后加：
|
||||
|
||||
```html
|
||||
<p style="font-size:12px;color:#9CA3AF;text-align:center;margin:0 0 24px;">
|
||||
<p style="font-size:13px;color:#9CA3AF;text-align:center;margin:0 0 24px;">
|
||||
<span leaf="">— {{图片说明}}</span>
|
||||
</p>
|
||||
```
|
||||
@@ -501,7 +501,7 @@
|
||||
## 组件 15 END 结尾分割线
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px;">
|
||||
<section style="padding:0 8px;">
|
||||
<section style="text-align:center;margin:0 0 32px;">
|
||||
<section style="display:flex;align-items:center;justify-content:center;">
|
||||
<span style="height:2px;width:60px;background:linear-gradient(to right,transparent,#DC2626);margin-right:12px;"><span leaf=""><br></span></span>
|
||||
@@ -519,14 +519,14 @@
|
||||
> 固定签名文案以正文段落形式呈现；有个人名片/引导图素材才放图，无素材整块删。
|
||||
|
||||
```html
|
||||
<section style="padding:0 10px;">
|
||||
<section style="padding:0 8px;">
|
||||
<section style="text-align:center;margin-bottom:10px;border-radius:12px;overflow:hidden;">
|
||||
<span leaf=""><img src="{{个人名片或引导图URL，无则删本 section}}" style="max-width:100%;height:auto;display:block;margin:0 auto;"></span>
|
||||
</section>
|
||||
<p style="margin-bottom:20px;font-size:15px;line-height:1.8;text-align:justify;">
|
||||
<p style="margin-bottom:20px;font-size:16px;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">我是 {{作者名}}，{{一句话简介，如：热衷于分享 AI 观察与干货}}。</span>
|
||||
</p>
|
||||
<p style="margin-bottom:20px;font-size:15px;line-height:1.8;text-align:justify;">
|
||||
<p style="margin-bottom:20px;font-size:16px;line-height:1.8;text-align:justify;">
|
||||
<span leaf="">如果你觉得今天这篇有收获，欢迎</span>
|
||||
<strong style="color:#DC2626;"><span leaf="">点赞、在看、转发</span></strong>
|
||||
<span leaf="">三连，我们下篇见。</span>
|
||||
|
||||
Reference in New Issue
Block a user