feat: sync full workspace including web modules, docs, and configurations to Gitea

Optimized the root .gitignore to exclude virtual environments, node modules,
and temp folders to ensure clean and lightweight version tracking.

Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
王冕
2026-06-09 18:12:25 +08:00
co-authored by Cursor
parent 351688006e
commit a27e3b8e43
1510 changed files with 162043 additions and 1516 deletions
+272
View File
@@ -0,0 +1,272 @@
# 网页数据导出包使用说明
本压缩包包含从网页提取的完整数据,用于 AI 辅助页面还原和设计分析。
## 📦 文件结构
```
├── README.md # 本说明文件
├── screenshot.png # 完整页面截图(系统 API 截取)
├── domlist.json # DOM 结构数据(TOON 格式)
├── stylePool.json # 样式池数据(TOON 格式)
├── theme.json # 设计令牌(可选)
├── content.md # 页面内容 Markdown(可选)
├── index.html # 参考:生成的 HTML 文件
├── style.css # 参考:生成的 CSS 文件
└── assets/
├── images/ # 图片资源
└── fonts/ # 字体资源
```
## 🎯 核心文件说明
### 1. screenshot.png
- **用途:** 页面完整截图,用于视觉参考
- **截取方式:** 使用 Chrome DevTools Protocol (CDP) 系统 API
- **特点:** 完整页面截图,包含滚动区域,无拼接痕迹
- **优先级:** ⭐⭐⭐⭐⭐ 最重要的视觉参考
### 2. domlist.json(TOON 格式)
- **用途:** DOM 节点结构映射
- **格式:**
```json
{
"nodes": {
"n1": {
"tag": "div",
"children": ["n2", "n3"],
"styleId": "style_1",
"width": "1200px",
"height": "800px",
"text": "文本内容",
"id": "元素ID",
"class": "CSS类名",
"label": "data-label",
"src": "图片路径"
}
},
"root": "n1"
}
```
- **说明:**
- `nodes`: 所有节点的映射表
- `root`: 根节点 ID
- `width/height`: 从样式中独立存放,精确尺寸
- `styleId`: 指向 stylePool.json 中的样式
### 3. stylePool.json(TOON 格式)
- **用途:** 去重后的样式池
- **格式:**
```json
{
"styles": {
"style_1": {
"tw": "flex items-center justify-between",
"custom": {
"borderRadius": "8px",
"boxShadow": "0 2px 8px rgba(0,0,0,0.1)"
}
}
}
}
```
- **说明:**
- `tw`: Tailwind CSS 类名(已优化)
- `custom`: 无法用 Tailwind 表达的自定义样式
- 样式已去重,多个节点可共享同一 styleId
### 4. theme.json(可选)
- **用途:** 页面设计令牌(Top 10)
- **内容:** 颜色、字体、间距、圆角、阴影等
- **格式:**
```json
{
"colors": {
"background": [{"value": "#ffffff", "count": 15}],
"text": [{"value": "#333333", "count": 20}]
},
"typography": {
"families": ["Inter", "Arial"],
"textStyles": [{"size": "16px", "lineHeight": "1.5"}]
},
"spacing": ["8px", "16px", "24px"],
"radius": ["4px", "8px"],
"shadow": {
"box": ["0 2px 8px rgba(0,0,0,0.1)"]
}
}
```
### 5. content.md(可选)
- **用途:** 页面文本内容(Markdown 格式)
- **用途:** 快速理解页面信息结构和文案
### 6. index.html 和 style.css(仅供参考)
- **⚠️ 注意:** 这两个文件仅供参考,不是还原的必需文件
- **用途:**
- 快速预览页面效果
- 理解 DOM 结构和样式关系
- 验证数据的正确性
- **说明:**
- `index.html`: 使用 Tailwind CDN + 自定义样式
- `style.css`: 包含 @font-face 和自定义样式
- 可以直接在浏览器中打开查看效果
- **还原时:** 应该使用 `domlist.json` 和 `stylePool.json`,而不是直接使用这两个文件
## 🚀 快速还原指引(推荐)
**目标:** 快速生成页面视觉效果,节省 token
**数据源优先级:**
1. ⭐⭐⭐⭐⭐ `screenshot.png` - 视觉参考
2. ⭐⭐⭐⭐ `theme.json` - 设计令牌
3. ⭐⭐⭐ `content.md` - 内容结构
4. ⭐⭐ `index.html` - 参考实现(可选)
**操作步骤:**
1. **分析截图**
- 识别页面整体布局(header、main、footer)
- 识别主要视觉元素(导航、卡片、按钮等)
- 识别颜色、字体、间距等设计风格
2. **提取设计令牌**(从 theme.json)
- 颜色:背景色、文本色、边框色
- 字体:字体家族、字号、行高、粗细
- 间距:margin、padding、gap
- 其他:圆角、阴影、线宽
3. **生成 DOM 结构**
- 根据截图创建简化的 DOM 层级
- 不必严格按照 domlist.json
- 使用 theme.json 中的设计令牌
4. **添加资源**
- 图片:使用 `assets/images/` 中的资源
- 字体:使用 `assets/fonts/` 或系统字体
5. **微调样式**
- 对比截图调整布局和样式
- 确保视觉效果接近原页面
**优点:**
- ✅ 快速生成
- ✅ 节省 token
- ✅ 视觉效果好
## 🎨 精细还原指引(高保真)
**目标:** 高保真还原页面结构与样式
**数据源优先级:**
1. ⭐⭐⭐⭐⭐ `screenshot.png` - 视觉参考
2. ⭐⭐⭐⭐⭐ `domlist.json` - DOM 结构
3. ⭐⭐⭐⭐⭐ `stylePool.json` - 样式数据
4. ⭐⭐⭐⭐ `theme.json` - 设计令牌
5. ⭐⭐ `index.html` - 参考实现(可选)
**操作步骤:**
1. **分析截图**
- 页面整体布局、颜色分布、主要元素
2. **构建 DOM 树**(从 domlist.json)
- 按 `children` 严格构建节点层级
- 保留所有节点属性(id、class、label、src 等)
- 使用 `width` 和 `height` 设置精确尺寸
3. **应用样式**(从 stylePool.json)
- 每个节点通过 `styleId` 关联样式
- `tw` 字段:Tailwind CSS 类名
- `custom` 字段:自定义样式(CSS-in-JS 或 style 属性)
4. **添加资源**
- 图片:`assets/images/` 中的资源,保持原始尺寸
- 字体:`assets/fonts/` 中的 Web 字体,使用 @font-face
5. **微调细节**
- 对比截图调整节点尺寸、间距、字体、阴影
- 确保视觉效果高度还原
**优点:**
- ✅ 高保真还原
- ✅ 结构完整
- ✅ 样式精确
## 💡 使用建议
### 选择还原方式
- **快速原型:** 使用快速还原指引
- **生产环境:** 使用精细还原指引
- **AI Agent:** 使用渐进式还原指引(见下方 🧠 模式)
- **学习参考:** 打开 `index.html` 查看效果
### 注意事项
1. **截图优先:** 如果数据与截图冲突,以截图为准
2. **样式优化:** stylePool 中的样式已优化(Tailwind + 自定义)
3. **资源路径:** 图片和字体路径需要根据实际部署调整
4. **响应式:** 原始页面的响应式样式可能未完全保留
---
## 🧠 渐进式高精度还原(AI Agent 推荐)
使用查询脚本实现渐进式数据读取,避免 Context Window 溢出。
当离线数据不完整时,利用 Playwright 回溯原始页面补充采集。
**前置条件:** Node.js >= 18
**原始页面 URL:** `manifest.json` → `sourceUrl` 字段。
当数据不准确时,AI 可通过 Playwright 访问此 URL 获取实时信息。
### 渐进式读取
```bash
# Step 1 — 全局概览(~500 tokens)
node scripts/query-page-data.mjs <dir> summary
node scripts/query-page-data.mjs <dir> skeleton --depth=2
# Step 2 — 按 Section 深入
node scripts/query-page-data.mjs <dir> subtree n2 --depth=3
node scripts/query-page-data.mjs <dir> nodes n3,n4,n5 --fields=style,text,selector
# Step 3 — 条件反查
node scripts/query-page-data.mjs <dir> find --tag=button --interactive
node scripts/query-page-data.mjs <dir> find --text="登录"
```
### 在线回溯(按需)
当发现离线数据可疑时,可使用 Playwright(MCP 或 CLI)访问 `sourceUrl`:
- 每个节点文件 `flat/nodes/{id}.json` 包含 `selector` 字段
- 该 `selector` 可直接用于 `page.locator(selector)` 定位原始元素
- 截图、computedStyle、hover 态等均可按需获取
### 扁平化文件结构(full/interactive 模式)
```
flat/
├── skeleton.json # 极简骨架树(含 sourceUrl,< 5KB)
├── index.json # 反向索引(tag/role/interactive 分类)
├── nodes/ # 每个节点的完整数据(含 selector + bbox)
│ ├── n1.json
│ └── ...
└── styles/ # 每个样式的完整数据
├── style_1.json
└── ...
```
---
## 📚 相关资源
- **TOON 格式:** https://github.com/toon-format/toon
- **Tailwind CSS:** https://tailwindcss.com/
- **Chrome Extension:** Axhub Make
---
**生成时间:** 2026-04-20T15:21:59.405Z
**版本:** 3.0(渐进式检索 + 在线回溯)
File diff suppressed because one or more lines are too long
@@ -0,0 +1,311 @@
{
"byRole": {
"header": [
"n11",
"n67"
],
"section": [
"n70"
]
},
"byTag": {
"a": [
"n2",
"n41"
],
"body": [
"n77"
],
"button": [
"n45",
"n50",
"n56",
"n60",
"n76"
],
"div": [
"n7",
"n9",
"n10",
"n11",
"n14",
"n17",
"n20",
"n23",
"n26",
"n29",
"n30",
"n31",
"n36",
"n37",
"n38",
"n39",
"n40",
"n42",
"n46",
"n47",
"n51",
"n52",
"n53",
"n57",
"n63",
"n64",
"n65",
"n66",
"n69",
"n71",
"n72",
"n73",
"n74"
],
"header": [
"n67"
],
"iframe": [
"n68"
],
"img": [
"n3",
"n15",
"n18",
"n21",
"n24",
"n27"
],
"input": [
"n32"
],
"root": [
"n78"
],
"section": [
"n70"
],
"span": [
"n4",
"n5",
"n6",
"n13",
"n16",
"n19",
"n22",
"n25",
"n28",
"n33",
"n34",
"n44",
"n49",
"n55",
"n59",
"n61",
"n62"
],
"svg": [
"n1",
"n8",
"n12",
"n35",
"n43",
"n48",
"n54",
"n58",
"n75"
]
},
"interactive": [
"n2",
"n32",
"n41",
"n45",
"n50",
"n56",
"n60",
"n76"
],
"styleUsage": {
"style_1": [
"n2"
],
"style_10": [
"n14",
"n31",
"n42"
],
"style_11": [
"n15",
"n18",
"n21",
"n24",
"n27"
],
"style_12": [
"n16",
"n19",
"n22",
"n25",
"n28"
],
"style_13": [
"n17"
],
"style_14": [
"n20",
"n23",
"n26",
"n29"
],
"style_15": [
"n30"
],
"style_16": [
"n32"
],
"style_17": [
"n33"
],
"style_18": [
"n34"
],
"style_19": [
"n36"
],
"style_2": [
"n3"
],
"style_20": [
"n37"
],
"style_21": [
"n38"
],
"style_22": [
"n39"
],
"style_23": [
"n40",
"n52",
"n63"
],
"style_24": [
"n41"
],
"style_25": [
"n44",
"n49"
],
"style_26": [
"n45",
"n50"
],
"style_27": [
"n46",
"n51"
],
"style_28": [
"n47"
],
"style_29": [
"n53"
],
"style_3": [
"n4"
],
"style_30": [
"n55"
],
"style_31": [
"n56"
],
"style_32": [
"n57"
],
"style_33": [
"n59"
],
"style_34": [
"n60"
],
"style_35": [
"n61",
"n62"
],
"style_36": [
"n65"
],
"style_37": [
"n66"
],
"style_38": [
"n67"
],
"style_39": [
"n68"
],
"style_4": [
"n5"
],
"style_40": [
"n69"
],
"style_41": [
"n70"
],
"style_42": [
"n71",
"n72",
"n73",
"n74"
],
"style_43": [
"n76"
],
"style_44": [
"n77"
],
"style_5": [
"n6"
],
"style_6": [
"n7"
],
"style_7": [
"n9",
"n11",
"n64"
],
"style_8": [
"n10"
],
"style_9": [
"n13"
]
},
"withImage": [
"n1",
"n3",
"n8",
"n12",
"n15",
"n18",
"n21",
"n24",
"n27",
"n35",
"n43",
"n48",
"n54",
"n58",
"n75"
],
"withText": [
"n5",
"n6",
"n13",
"n33",
"n41",
"n44",
"n49",
"n55",
"n59"
]
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:20px;height:20px;display:block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:20px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:400;vertical-align:-2px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-left\"><path d=\"M32 8.4 16.444 23.956 32 39.513\"></path></svg>",
"bbox": {
"height": 24,
"left": 58,
"top": 18,
"width": 24
},
"nodeId": "n1",
"originalClass": "[object SVGAnimatedString]",
"selector": "span.style-logo-NxwZ7",
"tag": "svg"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 26,
"left": 1019,
"top": 17,
"width": 104
},
"height": "12px",
"nodeId": "n10",
"originalClass": "arco-divider arco-divider-vertical",
"selector": "div.arco-avatar-group",
"styleId": "style_8",
"tag": "div",
"width": "1px"
}
@@ -0,0 +1,20 @@
{
"bbox": {
"height": 30,
"left": 58,
"top": 15,
"width": 263
},
"children": [
"n2",
"n9",
"n10"
],
"height": "30px",
"nodeId": "n11",
"originalClass": "style-nav-header-x_NEb",
"selector": "div.arco-row.arco-row-align-center",
"styleId": "style_7",
"tag": "div",
"width": "330.898px"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:13px;height:13px;display:block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:13px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:500;vertical-align:-2px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-moon-fill\"><path fill=\"currentColor\" stroke=\"none\" d=\"M42.108 29.769c.124-.387-.258-.736-.645-.613A17.99 17.99 0 0 1 36 30c-9.941 0-18-8.059-18-18 0-1.904.296-3.74.844-5.463.123-.387-.226-.768-.613-.645C10.558 8.334 5 15.518 5 24c0 10.493 8.507 19 19 19 8.482 0 15.666-5.558 18.108-13.231Z\"></path></svg>",
"bbox": {
"height": 22,
"left": 1021,
"top": 19,
"width": 22
},
"nodeId": "n12",
"originalClass": "[object SVGAnimatedString]",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(1) > span.arco-avatar-image > img",
"tag": "svg"
}
@@ -0,0 +1,20 @@
{
"_innerHTML": "<svg fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-moon-fill\"><path fill=\"currentColor\" stroke=\"none\" d=\"M42.108 29.769c.124-.387-.258-.736-.645-.613A17.99 17.99 0 0 1 36 30c-9.941 0-18-8.059-18-18 0-1.904.296-3.74.844-5.463.123-.387-.226-.768-.613-.645C10.558 8.334 5 15.518 5 24c0 10.493 8.507 19 19 19 8.482 0 15.666-5.558 18.108-13.231Z\"></path></svg>切换暗黑模式",
"bbox": {
"height": 22,
"left": 1021,
"top": 19,
"width": 22
},
"children": [
"n12"
],
"height": "24px",
"nodeId": "n13",
"originalClass": "style-nav-actions-theme-1iwj- guide-theme-toggle",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(1) > span.arco-avatar-image",
"styleId": "style_9",
"tag": "span",
"text": "切换暗黑模式",
"width": "99px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 26,
"left": 1039,
"top": 17,
"width": 26
},
"height": "12px",
"nodeId": "n14",
"originalClass": "arco-divider arco-divider-vertical",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(2)",
"styleId": "style_10",
"tag": "div",
"width": "1px"
}
@@ -0,0 +1,14 @@
{
"bbox": {
"height": 22,
"left": 1041,
"top": 19,
"width": 22
},
"height": "22px",
"nodeId": "n15",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(2) > span.arco-avatar-image > img",
"styleId": "style_11",
"tag": "img",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 22,
"left": 1060,
"top": 19,
"width": 22
},
"children": [
"n15"
],
"height": "22px",
"nodeId": "n16",
"originalClass": "arco-avatar-image",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(3) > span.arco-avatar-image",
"styleId": "style_12",
"tag": "span",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 22,
"left": 1041,
"top": 19,
"width": 22
},
"children": [
"n16"
],
"height": "26px",
"nodeId": "n17",
"originalClass": "arco-avatar arco-avatar-circle",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(2) > span.arco-avatar-image",
"styleId": "style_13",
"tag": "div",
"width": "26px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 22,
"left": 1060,
"top": 19,
"width": 22
},
"height": "22px",
"nodeId": "n18",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(3) > span.arco-avatar-image > img",
"src": "assets/images/2Q==.jpeg",
"styleId": "style_11",
"tag": "img",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 22,
"left": 1080,
"top": 19,
"width": 22
},
"children": [
"n18"
],
"height": "22px",
"nodeId": "n19",
"originalClass": "arco-avatar-image",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(4) > span.arco-avatar-image",
"styleId": "style_12",
"tag": "span",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 30,
"left": 16,
"top": 15,
"width": 30
},
"children": [
"n1"
],
"height": "20px",
"nodeId": "n2",
"originalClass": "style-nav-back-2Csip",
"selector": "a.style-nav-back-2Csip",
"styleId": "style_1",
"tag": "a",
"width": "20px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 26,
"left": 1078,
"top": 17,
"width": 26
},
"children": [
"n19"
],
"height": "26px",
"nodeId": "n20",
"originalClass": "arco-avatar arco-avatar-circle",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(4)",
"styleId": "style_14",
"tag": "div",
"width": "26px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 22,
"left": 1080,
"top": 19,
"width": 22
},
"height": "22px",
"nodeId": "n21",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(4) > span.arco-avatar-image > img",
"src": "assets/images/Z.jpeg",
"styleId": "style_11",
"tag": "img",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 22,
"left": 1099,
"top": 19,
"width": 22
},
"children": [
"n21"
],
"height": "22px",
"nodeId": "n22",
"originalClass": "arco-avatar-image",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(5) > span.arco-avatar-image",
"styleId": "style_12",
"tag": "span",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 26,
"left": 1097,
"top": 17,
"width": 26
},
"children": [
"n22"
],
"height": "26px",
"nodeId": "n23",
"originalClass": "arco-avatar arco-avatar-circle",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(5)",
"styleId": "style_14",
"tag": "div",
"width": "26px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 32,
"left": 1165,
"top": 14,
"width": 86
},
"height": "22px",
"nodeId": "n24",
"selector": "div.style-locale-select-253ti",
"src": "assets/images/08KpJGKtpeCAAAAAElFTkSuQmCC.png",
"styleId": "style_11",
"tag": "img",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 22,
"left": 1099,
"top": 19,
"width": 22
},
"children": [
"n24"
],
"height": "22px",
"nodeId": "n25",
"originalClass": "arco-avatar-image",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(5) > span.arco-avatar-image > img",
"styleId": "style_12",
"tag": "span",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 12,
"left": 1143,
"top": 24,
"width": 2
},
"children": [
"n25"
],
"height": "26px",
"nodeId": "n26",
"originalClass": "arco-avatar arco-avatar-circle",
"selector": "div.style-nav-actions-3V1E0 > div.arco-divider.arco-divider-vertical:nth-of-type(3)",
"styleId": "style_14",
"tag": "div",
"width": "26px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 32,
"left": 1165,
"top": 14,
"width": 86
},
"height": "22px",
"nodeId": "n27",
"selector": "div.arco-select-view",
"src": "assets/images/Z-1.jpeg",
"styleId": "style_11",
"tag": "img",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 32,
"left": 1165,
"top": 14,
"width": 50
},
"children": [
"n27"
],
"height": "22px",
"nodeId": "n28",
"originalClass": "arco-avatar-image",
"selector": "span.arco-select-view-selector",
"styleId": "style_12",
"tag": "span",
"width": "22px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 32,
"left": 1165,
"top": 14,
"width": 86
},
"children": [
"n28"
],
"height": "26px",
"nodeId": "n29",
"originalClass": "arco-avatar arco-avatar-circle",
"selector": "div.arco-select.arco-select-single",
"styleId": "style_14",
"tag": "div",
"width": "26px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 24,
"left": 58,
"top": 18,
"width": 24
},
"height": "24px",
"nodeId": "n3",
"selector": "span.style-logo-NxwZ7 > img",
"src": "assets/images/B1bbK4X5L0YBAAAAAElFTkSuQmCC.png",
"styleId": "style_2",
"tag": "img",
"width": "24px"
}
@@ -0,0 +1,22 @@
{
"bbox": {
"height": 26,
"left": 1058,
"top": 17,
"width": 26
},
"children": [
"n17",
"n20",
"n23",
"n26",
"n29"
],
"height": "26px",
"nodeId": "n30",
"originalClass": "arco-avatar-group",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(3)",
"styleId": "style_15",
"tag": "div",
"width": "104px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 32,
"left": 1219,
"top": 14,
"width": 12
},
"height": "12px",
"nodeId": "n31",
"originalClass": "arco-divider arco-divider-vertical",
"selector": "div.arco-select-suffix",
"styleId": "style_10",
"tag": "div",
"width": "1px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 16,
"left": 1165,
"top": 22,
"width": 50
},
"height": "16.0938px",
"nodeId": "n32",
"originalClass": "arco-select-view-input arco-select-hidden",
"selector": "input.arco-select-view-input.arco-select-hidden",
"styleId": "style_16",
"tag": "input",
"width": "50px"
}
@@ -0,0 +1,16 @@
{
"bbox": {
"height": 36,
"left": 1341,
"top": 12,
"width": 163
},
"height": "32px",
"nodeId": "n33",
"originalClass": "arco-select-view-value",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6)",
"styleId": "style_17",
"tag": "span",
"text": "简体中文",
"width": "50px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 19,
"left": 1251,
"top": 21,
"width": 48
},
"children": [
"n32",
"n33"
],
"height": "32px",
"nodeId": "n34",
"originalClass": "arco-select-view-selector",
"selector": "a.arco-link.arco-link-hoverless",
"styleId": "style_18",
"tag": "span",
"width": "50px"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:12px;height:12px;display:inline-block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:12px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:400;vertical-align:-2px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-down\"><path d=\"M39.6 17.443 24.043 33 8.487 17.443\"></path></svg>",
"bbox": {
"height": 36,
"left": 1341,
"top": 12,
"width": 71
},
"nodeId": "n35",
"originalClass": "[object SVGAnimatedString]",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(1) > div.style-vote-2aPPM > button.arco-btn.arco-btn-secondary",
"tag": "svg"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1341,
"top": 12,
"width": 71
},
"children": [
"n35"
],
"height": "30px",
"nodeId": "n36",
"originalClass": "arco-select-arrow-icon",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(1) > div.style-vote-2aPPM",
"styleId": "style_19",
"tag": "div",
"width": "12px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1341,
"top": 12,
"width": 71
},
"children": [
"n36"
],
"height": "32px",
"nodeId": "n37",
"originalClass": "arco-select-suffix",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(1)",
"styleId": "style_20",
"tag": "div",
"width": "12px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 12,
"left": 1319,
"top": 24,
"width": 2
},
"children": [
"n34",
"n37"
],
"height": "32px",
"nodeId": "n38",
"originalClass": "arco-select-view",
"selector": "div.style-nav-actions-3V1E0 > div.arco-divider.arco-divider-vertical:nth-of-type(5)",
"styleId": "style_21",
"tag": "div",
"width": "86px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 32,
"left": 1165,
"top": 14,
"width": 50
},
"children": [
"n38"
],
"height": "32px",
"nodeId": "n39",
"originalClass": "arco-select arco-select-single arco-select-size-default arco-select-no-border",
"selector": "span.arco-select-view-value",
"styleId": "style_22",
"tag": "div",
"width": "86px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 30,
"left": 86,
"top": 15,
"width": 160
},
"children": [
"n3"
],
"height": "24px",
"nodeId": "n4",
"originalClass": "style-logo-NxwZ7",
"selector": "span.style-title-3bZPr",
"styleId": "style_3",
"tag": "span",
"width": "24px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 30,
"left": 1219,
"top": 15,
"width": 12
},
"children": [
"n39"
],
"height": "32px",
"nodeId": "n40",
"originalClass": "style-locale-select-253ti",
"selector": "div.arco-select-arrow-icon",
"styleId": "style_23",
"tag": "div",
"width": "86px"
}
@@ -0,0 +1,16 @@
{
"bbox": {
"height": 17,
"left": 1380,
"top": 22,
"width": 15
},
"height": "18.8516px",
"nodeId": "n41",
"originalClass": "arco-link arco-link-hoverless style-help-doc-link-O9aag",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(1) > div.style-vote-2aPPM > button.arco-btn.arco-btn-secondary > span.style-vote-count-CHG5G",
"styleId": "style_24",
"tag": "a",
"text": "帮助文档",
"width": "48px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 36,
"left": 1424,
"top": 12,
"width": 80
},
"height": "12px",
"nodeId": "n42",
"originalClass": "arco-divider arco-divider-vertical",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(2)",
"styleId": "style_10",
"tag": "div",
"width": "1px"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:16px;height:16px;display:inline;stroke-width:1px;color:rgb(78, 89, 105);font-size:16px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:500;vertical-align:-3px;overflow:hidden;visibility:visible\" width=\"1em\" height=\"1em\" viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" class=\"style-like-icon-3j0J8 \"><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M13.3376 1.24564L13.52 1.33113C14.7359 1.91736 16.5018 3.10077 16.5018 5.00064C16.5018 5.75392 16.1674 6.75295 15.4985 7.99773H19.2877C22.2716 7.99773 22.957 10.6316 22.2716 12.6052L19.2877 20.4603C19.0356 21.3739 18.1959 22.0077 17.2376 22.0077H4.99264V7.99773H7.03961L11.4897 1.66726C11.7707 1.22021 12.5292 0.877492 13.3376 1.24564ZM3.5 7.99927V21.9993H1.5V7.99927H3.5Z\" fill=\"currentColor\"></path></svg>",
"bbox": {
"height": 17,
"left": 1463,
"top": 22,
"width": 24
},
"nodeId": "n43",
"originalClass": "[object SVGAnimatedString]",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(2) > div.style-vote-2aPPM > button.arco-btn.arco-btn-secondary > span.style-vote-count-CHG5G",
"tag": "svg"
}
@@ -0,0 +1,14 @@
{
"bbox": {
"height": 17,
"left": 1557,
"top": 22,
"width": 84
},
"nodeId": "n44",
"originalClass": "style-vote-count-CHG5G",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(1) > button.arco-btn.arco-btn-secondary > span",
"styleId": "style_25",
"tag": "span",
"text": "71"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 36,
"left": 1424,
"top": 12,
"width": 80
},
"children": [
"n43",
"n44"
],
"height": "36px",
"nodeId": "n45",
"originalClass": "arco-btn arco-btn-secondary arco-btn-size-large arco-btn-shape-round style-action-button-g-2Q6",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(2) > div.style-vote-2aPPM > button.arco-btn.arco-btn-secondary",
"styleId": "style_26",
"tag": "button",
"width": "70.5547px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1516,
"top": 12,
"width": 142
},
"children": [
"n45"
],
"height": "36px",
"nodeId": "n46",
"originalClass": "style-vote-2aPPM",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(1)",
"styleId": "style_27",
"tag": "div",
"width": "70.5547px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1516,
"top": 12,
"width": 264
},
"children": [
"n46"
],
"height": "36px",
"nodeId": "n47",
"originalClass": "arco-space-item",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7)",
"styleId": "style_28",
"tag": "div",
"width": "70.5547px"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:16px;height:16px;display:inline-block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:16px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:500;vertical-align:-3px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"style-star-icon-3bkYJ arco-icon arco-icon-star-fill\"><path fill=\"currentColor\" stroke=\"none\" d=\"M22.683 5.415c.568-1.043 2.065-1.043 2.634 0l5.507 10.098a1.5 1.5 0 0 0 1.04.756l11.306 2.117c1.168.219 1.63 1.642.814 2.505l-7.902 8.359a1.5 1.5 0 0 0-.397 1.223l1.48 11.407c.153 1.177-1.058 2.057-2.131 1.548l-10.391-4.933a1.5 1.5 0 0 0-1.287 0l-10.39 4.933c-1.073.51-2.284-.37-2.131-1.548l1.48-11.407a1.5 1.5 0 0 0-.398-1.223L4.015 20.89c-.816-.863-.353-2.286.814-2.505l11.306-2.117a1.5 1.5 0 0 0 1.04-.756l5.508-10.098Z\"></path></svg>",
"bbox": {
"height": 14,
"left": 1666,
"top": 24,
"width": 114
},
"nodeId": "n48",
"originalClass": "[object SVGAnimatedString]",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(2) > span",
"tag": "svg"
}
@@ -0,0 +1,14 @@
{
"bbox": {
"height": 14,
"left": 1666,
"top": 24,
"width": 114
},
"nodeId": "n49",
"originalClass": "style-vote-count-CHG5G",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(2) > span > span",
"styleId": "style_25",
"tag": "span",
"text": "126"
}
@@ -0,0 +1,16 @@
{
"bbox": {
"height": 22,
"left": 259,
"top": 19,
"width": 29
},
"height": "30px",
"nodeId": "n5",
"originalClass": "style-title-3bZPr",
"selector": "span.arco-tag-content",
"styleId": "style_4",
"tag": "span",
"text": "线性主题 主题预览",
"width": "160px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 36,
"left": 1666,
"top": 12,
"width": 114
},
"children": [
"n48",
"n49"
],
"height": "36px",
"nodeId": "n50",
"originalClass": "arco-btn arco-btn-secondary arco-btn-size-large arco-btn-shape-round style-action-button-g-2Q6",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(2) > span > span > button.arco-btn.arco-btn-primary",
"styleId": "style_26",
"tag": "button",
"width": "80.0391px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1516,
"top": 12,
"width": 142
},
"children": [
"n50"
],
"height": "36px",
"nodeId": "n51",
"originalClass": "style-vote-2aPPM",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(1) > button.arco-btn.arco-btn-secondary",
"styleId": "style_27",
"tag": "div",
"width": "80.0391px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 36,
"left": 1666,
"top": 12,
"width": 114
},
"children": [
"n51"
],
"height": "36px",
"nodeId": "n52",
"originalClass": "arco-space-item",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(2)",
"styleId": "style_23",
"tag": "div",
"width": "80.0391px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 36,
"left": 1424,
"top": 12,
"width": 80
},
"children": [
"n47",
"n52"
],
"height": "36px",
"nodeId": "n53",
"originalClass": "arco-space arco-space-horizontal arco-space-align-center",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(6) > div.arco-space-item:nth-of-type(2) > div.style-vote-2aPPM",
"styleId": "style_29",
"tag": "div",
"width": "162.594px"
}
@@ -0,0 +1,7 @@
{
"_innerHTML": "<svg style=\"width:16px;height:16px;display:inline-block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:16px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:500;vertical-align:-3px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-eye\"><path d=\"M24 37c6.627 0 12.627-4.333 18-13-5.373-8.667-11.373-13-18-13-6.627 0-12.627 4.333-18 13 5.373 8.667 11.373 13 18 13Z\" clip-rule=\"evenodd\"></path><path d=\"M29 24a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z\"></path></svg>",
"nodeId": "n54",
"originalClass": "[object SVGAnimatedString]",
"selector": "body > script:nth-of-type(1)",
"tag": "svg"
}
@@ -0,0 +1,7 @@
{
"nodeId": "n55",
"selector": "body > script:nth-of-type(2)",
"styleId": "style_30",
"tag": "span",
"text": "查看配置详情"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 809,
"left": 0,
"top": 60,
"width": 1800
},
"children": [
"n54",
"n55"
],
"height": "36px",
"nodeId": "n56",
"originalClass": "arco-btn arco-btn-secondary arco-btn-size-large arco-btn-shape-round style-action-button-g-2Q6",
"selector": "section.arco-layout.page-page-TbnIU > div > iframe",
"styleId": "style_31",
"tag": "button",
"width": "142px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 17,
"left": 1707,
"top": 22,
"width": 56
},
"children": [
"n56"
],
"height": "36px",
"nodeId": "n57",
"originalClass": "arco-space-item",
"selector": "div.style-nav-actions-3V1E0 > div.arco-space.arco-space-horizontal:nth-of-type(7) > div.arco-space-item:nth-of-type(2) > span > span > button.arco-btn.arco-btn-primary > span",
"styleId": "style_32",
"tag": "div",
"width": "142px"
}
@@ -0,0 +1,7 @@
{
"_innerHTML": "<svg style=\"width:16px;height:16px;display:inline-block;stroke:rgb(255, 255, 255);stroke-width:4px;color:rgb(255, 255, 255);font-size:16px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:500;vertical-align:-3px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-copy\"><path d=\"M20 6h18a2 2 0 0 1 2 2v22M8 16v24c0 1.105.891 2 1.996 2h20.007A1.99 1.99 0 0 0 32 40.008V15.997A1.997 1.997 0 0 0 30 14H10a2 2 0 0 0-2 2Z\"></path></svg>",
"nodeId": "n58",
"originalClass": "[object SVGAnimatedString]",
"selector": "body > div:nth-of-type(2) > script",
"tag": "svg"
}
@@ -0,0 +1,13 @@
{
"bbox": {
"height": 0,
"left": 0,
"top": 869,
"width": 1800
},
"nodeId": "n59",
"selector": "#dp-bridge-feedback",
"styleId": "style_33",
"tag": "span",
"text": "复制主题"
}
@@ -0,0 +1,16 @@
{
"bbox": {
"height": 30,
"left": 854,
"top": 15,
"width": 123
},
"height": "22px",
"nodeId": "n6",
"originalClass": "arco-tag-content",
"selector": "span.style-nav-actions-theme-1iwj-.guide-theme-toggle",
"styleId": "style_5",
"tag": "span",
"text": "0.0.3",
"width": "28.8984px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 40,
"left": 1710,
"top": 779,
"width": 40
},
"children": [
"n58",
"n59"
],
"height": "36px",
"nodeId": "n60",
"originalClass": "arco-btn arco-btn-primary arco-btn-size-large arco-btn-shape-round style-action-button-g-2Q6",
"selector": "body > button.arco-btn.arco-btn-primary",
"styleId": "style_34",
"tag": "button",
"width": "114px"
}
@@ -0,0 +1,9 @@
{
"children": [
"n60"
],
"nodeId": "n61",
"selector": "body > script:nth-of-type(4)",
"styleId": "style_35",
"tag": "span"
}
@@ -0,0 +1,9 @@
{
"children": [
"n61"
],
"nodeId": "n62",
"selector": "body > script:nth-of-type(3)",
"styleId": "style_35",
"tag": "span"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 0,
"left": 0,
"top": 869,
"width": 1800
},
"children": [
"n62"
],
"height": "36px",
"nodeId": "n63",
"originalClass": "arco-space-item",
"selector": "#arco-dp-survey",
"styleId": "style_23",
"tag": "div",
"width": "114px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 809,
"left": 0,
"top": 60,
"width": 1800
},
"children": [
"n57",
"n63"
],
"height": "36px",
"nodeId": "n64",
"originalClass": "arco-space arco-space-horizontal arco-space-align-center",
"selector": "section.arco-layout.page-page-TbnIU > div",
"styleId": "style_7",
"tag": "div",
"width": "264px"
}
@@ -0,0 +1,26 @@
{
"bbox": {
"height": 26,
"left": 1019,
"top": 17,
"width": 26
},
"children": [
"n13",
"n14",
"n30",
"n31",
"n40",
"n41",
"n42",
"n53",
"n64"
],
"height": "36px",
"nodeId": "n65",
"originalClass": "style-nav-actions-3V1E0",
"selector": "div.arco-avatar-group > div.arco-avatar.arco-avatar-circle:nth-of-type(1)",
"styleId": "style_36",
"tag": "div",
"width": "925.594px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 30,
"left": 16,
"top": 15,
"width": 331
},
"children": [
"n11",
"n65"
],
"height": "60px",
"nodeId": "n66",
"originalClass": "style-nav-2BWoO",
"selector": "div.style-nav-header-x_NEb",
"styleId": "style_37",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 60,
"left": 0,
"top": 0,
"width": 1800
},
"children": [
"n66"
],
"height": "60px",
"nodeId": "n67",
"originalClass": "arco-layout-header page-nav-1VbLA",
"selector": "header.arco-layout-header.page-nav-1VbLA",
"styleId": "style_38",
"tag": "header",
"width": "1800px"
}
@@ -0,0 +1,14 @@
{
"bbox": {
"height": 0,
"left": 0,
"top": 0,
"width": 1800
},
"height": "855px",
"nodeId": "n68",
"selector": "body > div:nth-of-type(4)",
"styleId": "style_39",
"tag": "iframe",
"width": "1800px"
}
@@ -0,0 +1,17 @@
{
"bbox": {
"height": 0,
"left": 0,
"top": 869,
"width": 1800
},
"children": [
"n68"
],
"height": "855px",
"nodeId": "n69",
"selector": "div.dp-feedback",
"styleId": "style_40",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 12,
"left": 333,
"top": 24,
"width": 2
},
"children": [
"n6"
],
"height": "24px",
"nodeId": "n7",
"originalClass": "arco-tag arco-tag-arcoblue arco-tag-checked arco-tag-size-default",
"selector": "div.style-nav-header-x_NEb > div.arco-divider.arco-divider-vertical:nth-of-type(2)",
"styleId": "style_6",
"tag": "div",
"width": "46.8984px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 869,
"left": 0,
"top": 0,
"width": 1800
},
"children": [
"n67",
"n69"
],
"height": "915px",
"nodeId": "n70",
"originalClass": "arco-layout page-page-TbnIU",
"selector": "section.arco-layout.page-page-TbnIU",
"styleId": "style_41",
"tag": "section",
"width": "1800px"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 60,
"left": 0,
"top": 0,
"width": 1800
},
"children": [
"n70"
],
"height": "915px",
"id": "root",
"nodeId": "n71",
"selector": "div.style-nav-2BWoO",
"styleId": "style_42",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 26,
"left": 865,
"top": 57,
"width": 101
},
"height": "0px",
"id": "arco-dp-survey",
"nodeId": "n72",
"selector": "div.arco-tooltip-content.arco-tooltip-content-top",
"styleId": "style_42",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,15 @@
{
"bbox": {
"height": 0,
"left": 865,
"top": 83,
"width": 101
},
"height": "0px",
"nodeId": "n73",
"originalClass": "dp-feedback",
"selector": "div.arco-trigger-arrow-container.arco-tooltip-arrow-container",
"styleId": "style_42",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,19 @@
{
"bbox": {
"height": 15,
"left": 873,
"top": 62,
"width": 85
},
"children": [
"n73"
],
"height": "0px",
"id": "dp-bridge-feedback",
"nodeId": "n74",
"originalClass": "dp-bridge",
"selector": "div.arco-tooltip-content-inner",
"styleId": "style_42",
"tag": "div",
"width": "1800px"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:20px;height:20px;display:inline-block;stroke:rgb(255, 255, 255);stroke-width:4px;color:rgb(255, 255, 255);font-size:20px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:400;vertical-align:-2px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"arco-icon arco-icon-message\"><path d=\"M15 20h18m-18 9h9M7 41h17.63C33.67 41 41 33.67 41 24.63V24c0-9.389-7.611-17-17-17S7 14.611 7 24v17Z\"></path></svg>",
"bbox": {
"height": 26,
"left": 865,
"top": 57,
"width": 101
},
"nodeId": "n75",
"originalClass": "[object SVGAnimatedString]",
"selector": "span.arco-trigger.arco-tooltip",
"tag": "svg"
}
@@ -0,0 +1,18 @@
{
"bbox": {
"height": 8,
"left": 912,
"top": 53,
"width": 8
},
"children": [
"n75"
],
"height": "40px",
"nodeId": "n76",
"originalClass": "arco-btn arco-btn-primary arco-btn-size-default arco-btn-shape-circle arco-btn-icon-only",
"selector": "div.arco-trigger-arrow.arco-tooltip-arrow",
"styleId": "style_43",
"tag": "button",
"width": "40px"
}
@@ -0,0 +1,20 @@
{
"bbox": {
"height": 869,
"left": 0,
"top": 0,
"width": 1800
},
"children": [
"n71",
"n72",
"n74",
"n76"
],
"height": "915px",
"nodeId": "n77",
"selector": "#root",
"styleId": "style_44",
"tag": "body",
"width": "1800px"
}
@@ -0,0 +1,8 @@
{
"children": [
"n77"
],
"nodeId": "n78",
"selector": "textarea.projectData",
"tag": "root"
}
@@ -0,0 +1,13 @@
{
"_innerHTML": "<svg style=\"width:16px;height:16px;display:block;stroke:rgb(78, 89, 105);stroke-width:4px;color:rgb(78, 89, 105);font-size:16px;font-family:&quot;system-ui&quot;, -apple-system, &quot;system-ui&quot;, &quot;segoe ui&quot;, Roboto, Helvetica, Arial, &quot;sans-serif&quot;, &quot;apple color emoji&quot;, &quot;segoe ui emoji&quot;, &quot;segoe ui symbol&quot;;font-weight:400;vertical-align:-2px;overflow:hidden;visibility:visible\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"4\" viewBox=\"0 0 48 48\" aria-hidden=\"true\" focusable=\"false\" class=\"style-dropdown-icon-3SUDt arco-icon arco-icon-caret-down\"><path fill=\"currentColor\" stroke=\"none\" d=\"M24.938 34.829a1.2 1.2 0 0 1-1.875 0L9.56 17.949c-.628-.785-.069-1.949.937-1.949h27.007c1.006 0 1.565 1.164.937 1.95L24.937 34.829Z\"></path></svg>",
"bbox": {
"height": 12,
"left": 997,
"top": 24,
"width": 2
},
"nodeId": "n8",
"originalClass": "[object SVGAnimatedString]",
"selector": "div.style-nav-actions-3V1E0 > div.arco-divider.arco-divider-vertical:nth-of-type(1)",
"tag": "svg"
}
@@ -0,0 +1,21 @@
{
"bbox": {
"height": 24,
"left": 250,
"top": 18,
"width": 47
},
"children": [
"n4",
"n5",
"n7",
"n8"
],
"height": "30px",
"nodeId": "n9",
"originalClass": "arco-row arco-row-align-center arco-row-justify-start",
"selector": "div.arco-tag.arco-tag-arcoblue",
"styleId": "style_7",
"tag": "div",
"width": "262.898px"
}
@@ -0,0 +1,578 @@
{
"capturedAt": "2026-04-20T15:22:36.694Z",
"nodeCount": 78,
"nodes": {
"n1": {
"childCount": 0,
"depth": 8,
"tag": "svg"
},
"n10": {
"childCount": 0,
"depth": 7,
"tag": "div"
},
"n11": {
"childCount": 10,
"children": [
"n2",
"n9",
"n10"
],
"depth": 6,
"role": "header",
"tag": "div"
},
"n12": {
"childCount": 0,
"depth": 8,
"tag": "svg"
},
"n13": {
"childCount": 1,
"children": [
"n12"
],
"depth": 7,
"tag": "span"
},
"n14": {
"childCount": 0,
"depth": 7,
"tag": "div"
},
"n15": {
"childCount": 0,
"depth": 10,
"tag": "img"
},
"n16": {
"childCount": 1,
"children": [
"n15"
],
"depth": 9,
"tag": "span"
},
"n17": {
"childCount": 2,
"children": [
"n16"
],
"depth": 8,
"tag": "div"
},
"n18": {
"childCount": 0,
"depth": 10,
"tag": "img"
},
"n19": {
"childCount": 1,
"children": [
"n18"
],
"depth": 9,
"tag": "span"
},
"n2": {
"childCount": 1,
"children": [
"n1"
],
"depth": 7,
"tag": "a"
},
"n20": {
"childCount": 2,
"children": [
"n19"
],
"depth": 8,
"tag": "div"
},
"n21": {
"childCount": 0,
"depth": 10,
"tag": "img"
},
"n22": {
"childCount": 1,
"children": [
"n21"
],
"depth": 9,
"tag": "span"
},
"n23": {
"childCount": 2,
"children": [
"n22"
],
"depth": 8,
"tag": "div"
},
"n24": {
"childCount": 0,
"depth": 10,
"tag": "img"
},
"n25": {
"childCount": 1,
"children": [
"n24"
],
"depth": 9,
"tag": "span"
},
"n26": {
"childCount": 2,
"children": [
"n25"
],
"depth": 8,
"tag": "div"
},
"n27": {
"childCount": 0,
"depth": 10,
"tag": "img"
},
"n28": {
"childCount": 1,
"children": [
"n27"
],
"depth": 9,
"tag": "span"
},
"n29": {
"childCount": 2,
"children": [
"n28"
],
"depth": 8,
"tag": "div"
},
"n3": {
"childCount": 0,
"depth": 9,
"tag": "img"
},
"n30": {
"childCount": 15,
"children": [
"n17",
"n20",
"n23",
"n26",
"n29"
],
"depth": 7,
"tag": "div"
},
"n31": {
"childCount": 0,
"depth": 7,
"tag": "div"
},
"n32": {
"childCount": 0,
"depth": 11,
"tag": "input"
},
"n33": {
"childCount": 0,
"depth": 11,
"tag": "span"
},
"n34": {
"childCount": 2,
"children": [
"n32",
"n33"
],
"depth": 10,
"tag": "span"
},
"n35": {
"childCount": 0,
"depth": 12,
"tag": "svg"
},
"n36": {
"childCount": 1,
"children": [
"n35"
],
"depth": 11,
"tag": "div"
},
"n37": {
"childCount": 2,
"children": [
"n36"
],
"depth": 10,
"tag": "div"
},
"n38": {
"childCount": 6,
"children": [
"n34",
"n37"
],
"depth": 9,
"tag": "div"
},
"n39": {
"childCount": 7,
"children": [
"n38"
],
"depth": 8,
"tag": "div"
},
"n4": {
"childCount": 1,
"children": [
"n3"
],
"depth": 8,
"tag": "span"
},
"n40": {
"childCount": 8,
"children": [
"n39"
],
"depth": 7,
"tag": "div"
},
"n41": {
"childCount": 0,
"depth": 7,
"tag": "a"
},
"n42": {
"childCount": 0,
"depth": 7,
"tag": "div"
},
"n43": {
"childCount": 0,
"depth": 11,
"tag": "svg"
},
"n44": {
"childCount": 0,
"depth": 11,
"tag": "span"
},
"n45": {
"childCount": 2,
"children": [
"n43",
"n44"
],
"depth": 10,
"tag": "button"
},
"n46": {
"childCount": 3,
"children": [
"n45"
],
"depth": 9,
"tag": "div"
},
"n47": {
"childCount": 4,
"children": [
"n46"
],
"depth": 8,
"tag": "div"
},
"n48": {
"childCount": 0,
"depth": 11,
"tag": "svg"
},
"n49": {
"childCount": 0,
"depth": 11,
"tag": "span"
},
"n5": {
"childCount": 0,
"depth": 8,
"tag": "span"
},
"n50": {
"childCount": 2,
"children": [
"n48",
"n49"
],
"depth": 10,
"tag": "button"
},
"n51": {
"childCount": 3,
"children": [
"n50"
],
"depth": 9,
"tag": "div"
},
"n52": {
"childCount": 4,
"children": [
"n51"
],
"depth": 8,
"tag": "div"
},
"n53": {
"childCount": 10,
"children": [
"n47",
"n52"
],
"depth": 7,
"tag": "div"
},
"n54": {
"childCount": 0,
"depth": 10,
"tag": "svg"
},
"n55": {
"childCount": 0,
"depth": 10,
"tag": "span"
},
"n56": {
"childCount": 2,
"children": [
"n54",
"n55"
],
"depth": 9,
"tag": "button"
},
"n57": {
"childCount": 3,
"children": [
"n56"
],
"depth": 8,
"tag": "div"
},
"n58": {
"childCount": 0,
"depth": 12,
"tag": "svg"
},
"n59": {
"childCount": 0,
"depth": 12,
"tag": "span"
},
"n6": {
"childCount": 0,
"depth": 9,
"tag": "span"
},
"n60": {
"childCount": 2,
"children": [
"n58",
"n59"
],
"depth": 11,
"tag": "button"
},
"n61": {
"childCount": 3,
"children": [
"n60"
],
"depth": 10,
"tag": "span"
},
"n62": {
"childCount": 4,
"children": [
"n61"
],
"depth": 9,
"tag": "span"
},
"n63": {
"childCount": 5,
"children": [
"n62"
],
"depth": 8,
"tag": "div"
},
"n64": {
"childCount": 10,
"children": [
"n57",
"n63"
],
"depth": 7,
"tag": "div"
},
"n65": {
"childCount": 53,
"children": [
"n13",
"n14",
"n30",
"n31",
"n40",
"n41",
"n42",
"n53",
"n64"
],
"depth": 6,
"tag": "div"
},
"n66": {
"childCount": 65,
"children": [
"n11",
"n65"
],
"depth": 5,
"tag": "div"
},
"n67": {
"childCount": 66,
"children": [
"n66"
],
"depth": 4,
"role": "header",
"tag": "header"
},
"n68": {
"childCount": 0,
"depth": 5,
"tag": "iframe"
},
"n69": {
"childCount": 1,
"children": [
"n68"
],
"depth": 4,
"tag": "div"
},
"n7": {
"childCount": 1,
"children": [
"n6"
],
"depth": 8,
"tag": "div"
},
"n70": {
"childCount": 69,
"children": [
"n67",
"n69"
],
"depth": 3,
"role": "section",
"tag": "section"
},
"n71": {
"childCount": 70,
"children": [
"n70"
],
"depth": 2,
"tag": "div"
},
"n72": {
"childCount": 0,
"depth": 2,
"tag": "div"
},
"n73": {
"childCount": 0,
"depth": 3,
"tag": "div"
},
"n74": {
"childCount": 1,
"children": [
"n73"
],
"depth": 2,
"tag": "div"
},
"n75": {
"childCount": 0,
"depth": 3,
"tag": "svg"
},
"n76": {
"childCount": 1,
"children": [
"n75"
],
"depth": 2,
"tag": "button"
},
"n77": {
"childCount": 76,
"children": [
"n71",
"n72",
"n74",
"n76"
],
"depth": 1,
"tag": "body"
},
"n78": {
"childCount": 77,
"children": [
"n77"
],
"depth": 0,
"tag": "root"
},
"n8": {
"childCount": 0,
"depth": 8,
"tag": "svg"
},
"n9": {
"childCount": 6,
"children": [
"n4",
"n5",
"n7",
"n8"
],
"depth": 7,
"tag": "div"
}
},
"pageTitle": "Arco Design Themes",
"root": "n78",
"sourceUrl": "https://arco.design/themes/preview/544?from=%2Fthemes%3FcurrentPage%3D1%26onlyPublished%3Dfalse%26pageSize%3D9%26sortBy%3DstarCount%26tag%3Dall",
"styleCount": 44,
"viewport": {
"height": 869,
"width": 1800
}
}
@@ -0,0 +1,20 @@
{
"custom": {
"border": "0px none rgb(78, 89, 105)",
"borderColor": "rgb(78, 89, 105)",
"borderRadius": "20px",
"color": "rgb(78, 89, 105)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "20px",
"margin": "0px 12px 0px 0px",
"marginInlineEnd": "12px",
"paddingBlockEnd": "5px",
"paddingBlockStart": "5px",
"paddingInlineEnd": "5px",
"paddingInlineStart": "5px",
"textAlign": "start",
"textOverflow": "clip"
},
"styleId": "style_1",
"tw": "flex static items-center font-normal leading-7 whitespace-nowrap border-0 visible cursor-pointer mt-0 mr-3 mb-0 ml-0 p-1 overflow-visible"
}
@@ -0,0 +1,16 @@
{
"custom": {
"border": "0px 0px 0px 1px none none none solid rgb(78, 89, 105) rgb(78, 89, 105) rgb(78, 89, 105) rgb(229, 230, 235)",
"color": "rgb(78, 89, 105)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "12px",
"margin": "0px 20px",
"marginInlineEnd": "20px",
"marginInlineStart": "20px",
"minWidth": "1px",
"textAlign": "start",
"textOverflow": "clip"
},
"styleId": "style_10",
"tw": "block static max-w-0 font-normal leading-none whitespace-nowrap visible mt-0 mr-5 mb-0 ml-5 p-0 overflow-visible"
}
@@ -0,0 +1,16 @@
{
"custom": {
"border": "0px none rgb(255, 255, 255)",
"borderColor": "rgb(255, 255, 255)",
"color": "rgb(255, 255, 255)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "13px",
"minHeight": "0px",
"minWidth": "0px",
"overflow": "clip",
"textAlign": "start",
"textOverflow": "clip"
},
"styleId": "style_11",
"tw": "inline static font-normal leading-3 whitespace-nowrap border-0 visible m-0 p-0"
}
@@ -0,0 +1,14 @@
{
"custom": {
"border": "0px none rgb(255, 255, 255)",
"borderColor": "rgb(255, 255, 255)",
"borderRadius": "50%",
"color": "rgb(255, 255, 255)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "13px",
"textAlign": "start",
"textOverflow": "clip"
},
"styleId": "style_12",
"tw": "block static font-normal leading-3 whitespace-nowrap border-0 visible m-0 p-0 overflow-hidden"
}
@@ -0,0 +1,23 @@
{
"custom": {
"background": "rgb(201, 205, 212) none repeat scroll 0% 0% / auto padding-box border-box",
"backgroundColor": "rgb(201, 205, 212)",
"border": "2px solid rgb(255, 255, 255)",
"borderColor": "rgb(255, 255, 255)",
"borderRadius": "50%",
"borderStyle": "solid",
"bottom": "0px",
"color": "rgb(255, 255, 255)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "13px",
"left": "0px",
"minHeight": "0px",
"minWidth": "0px",
"right": "0px",
"textAlign": "start",
"textOverflow": "clip",
"top": "0px"
},
"styleId": "style_13",
"tw": "inline-flex relative items-center z-0 font-normal leading-3 whitespace-nowrap border-2 visible m-0 p-0 overflow-visible"
}
@@ -0,0 +1,25 @@
{
"custom": {
"background": "rgb(201, 205, 212) none repeat scroll 0% 0% / auto padding-box border-box",
"backgroundColor": "rgb(201, 205, 212)",
"border": "2px solid rgb(255, 255, 255)",
"borderColor": "rgb(255, 255, 255)",
"borderRadius": "50%",
"borderStyle": "solid",
"bottom": "0px",
"color": "rgb(255, 255, 255)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "13px",
"left": "0px",
"margin": "0px 0px 0px -6.5px",
"marginInlineStart": "-6.5px",
"minHeight": "0px",
"minWidth": "0px",
"right": "0px",
"textAlign": "start",
"textOverflow": "clip",
"top": "0px"
},
"styleId": "style_14",
"tw": "inline-flex relative items-center z-0 font-normal leading-3 whitespace-nowrap border-2 visible mt-0 mr-0 mb-0 -ml-1.5 p-0 overflow-visible"
}
@@ -0,0 +1,13 @@
{
"custom": {
"border": "0px none rgb(78, 89, 105)",
"borderColor": "rgb(78, 89, 105)",
"color": "rgb(78, 89, 105)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "12px",
"textAlign": "start",
"textOverflow": "clip"
},
"styleId": "style_15",
"tw": "block static font-normal leading-3 whitespace-nowrap border-0 visible m-0 p-0 overflow-visible"
}
@@ -0,0 +1,23 @@
{
"custom": {
"border": "0px none rgb(29, 33, 41)",
"borderColor": "rgb(29, 33, 41)",
"bottom": "-0.09375px",
"color": "rgb(29, 33, 41)",
"fontFamily": "system-ui, -apple-system, system-ui, \"segoe ui\", Roboto",
"fontSize": "14px",
"insetBlockEnd": "-0.09375px",
"insetBlockStart": "16px",
"left": "0px",
"minHeight": "0px",
"minWidth": "0px",
"overflow": "clip",
"right": "0px",
"textAlign": "start",
"textOverflow": "ellipsis",
"top": "16px",
"transform": "matrix(1, 0, 0, 1, 0, -8.04688)"
},
"styleId": "style_16",
"tw": "block absolute -z-0 font-normal leading-none whitespace-nowrap border-0 opacity-0 visible cursor-pointer m-0 p-0"
}

Some files were not shown because too many files have changed in this diff Show More