[CMS-VISUAL] F5: 页脚结构示意图（六处位置标注+实时回显）+ favicon 1:1/二维码 4:3 占位框与比例预览（180 测试绿）

src/utils/siteConfigForm.ts

@@ -17,6 +17,8 @@ export interface SiteConfigFieldDef {
     multiline?: boolean;
     /** url: http(s) URL；host: 域名（不带协议）；asset: / 开头路径或 http(s) URL；text: 仅长度 */
     kind?: "text" | "url" | "host" | "asset";
+    /** F5（docs/20）：asset 类字段的预览/占位框比例（favicon 1:1、二维码 4:3） */
+    aspect?: "1:1" | "4:3";
     maxLength?: number;
 }
 
@@ -28,7 +30,7 @@ export const SITE_CONFIG_FIELD_DEFS: SiteConfigFieldDef[] = [
         tip: "门户顶栏与页脚品牌位展示；建议先在「附件管理」上传，复制路径填到这里。",
     },
     {
-        key: "favicon", label: "浏览器图标 favicon", group: "display", kind: "asset", maxLength: 500,
+        key: "favicon", label: "浏览器图标 favicon", group: "display", kind: "asset", maxLength: 500, aspect: "1:1",
         placeholder: "如 /yschcms/upload/…/favicon.png（留空用主题内置图标）",
         tip: "浏览器标签页与收藏夹的小图标，不显示在页面正文中。",
     },
@@ -52,12 +54,12 @@ export const SITE_CONFIG_FIELD_DEFS: SiteConfigFieldDef[] = [
         tip: "逐行展示在页脚品牌区旁；换行即分行（最多 500 字）。",
     },
     {
-        key: "qr_wechat", label: "微信二维码", group: "footer", kind: "asset", maxLength: 500,
+        key: "qr_wechat", label: "微信二维码", group: "footer", kind: "asset", maxLength: 500, aspect: "4:3",
         placeholder: "如 /yschcms/upload/…/qr-wechat.png（留空不展示）",
         tip: "页脚二维码，悬停放大预览；建议先在「附件管理」上传。",
     },
     {
-        key: "qr_weibo", label: "微博二维码", group: "footer", kind: "asset", maxLength: 500,
+        key: "qr_weibo", label: "微博二维码", group: "footer", kind: "asset", maxLength: 500, aspect: "4:3",
         placeholder: "如 /yschcms/upload/…/qr-weibo.png（留空不展示）",
         tip: "显示在页脚右侧二维码区，与微信二维码并排，悬停放大预览。",
     },