Add multi-platform publishing workflow

browser-extension/multi-platform-publisher-1.1.15/popup/popup.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="zh-CN">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1">
+  <title>易代码多平台发布助手</title>
+  <style>
+    body { width: 300px; margin: 0; color: #253044; font-family: Arial, "Microsoft YaHei", sans-serif; background: #f6f8fb; }
+    .header { padding: 18px 18px 14px; color: #fff; background: linear-gradient(135deg, #1677ff, #6558f5); }
+    .header h1 { margin: 0 0 5px; font-size: 17px; }
+    .header p { margin: 0; opacity: .85; font-size: 12px; }
+    .content { padding: 15px 18px 18px; }
+    .status { display: flex; align-items: center; padding: 11px; background: #fff; border: 1px solid #e8ebf0; border-radius: 8px; }
+    .dot { width: 9px; height: 9px; margin-right: 9px; background: #38b26d; border-radius: 50%; box-shadow: 0 0 0 4px #e8f8ef; }
+    .hint { margin: 13px 0 0; color: #697386; font-size: 12px; line-height: 1.65; }
+    .version { margin-top: 12px; color: #a0a7b2; font-size: 11px; text-align: right; }
+  </style>
+</head>
+<body>
+  <div class="header">
+    <h1>多平台发布助手</h1>
+    <p>小红书 · 抖音 · 视频号 · B站 · 闲鱼</p>
+  </div>
+  <div class="content">
+    <div class="status"><span class="dot"></span><span>扩展已启用</span></div>
+    <p class="hint">请在易代码后台打开“发布管理”。扩展会上传并填写资料，但不会点击平台的最终发布按钮。</p>
+    <div id="version" class="version"></div>
+  </div>
+  <script src="popup.js"></script>
+</body>
+</html>