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

src/views/cms/components/SiteConfigForm.vue

@@ -11,6 +11,7 @@ import {
     validateFieldValue,
 } from "@/utils/siteConfigForm";
 import ImageAssetField from "@/components/ImageAssetField.vue";
+import FooterPreview from "@/components/FooterPreview.vue";
 
 /**
  * 站点配置结构化表单（docs/09 §3.1；docs/16 §3.3 分区作用域；docs/20 F6 扩展参数区退役）：
@@ -120,6 +121,7 @@ function defsOf(group: string): SiteConfigFieldDef[] {
                         v-model="formModel.fields[def.key]"
                         :site-id="siteId"
                         :placeholder="def.placeholder"
+                        :aspect="def.aspect"
                         @update:model-value="emitUp"
                     />
                     <Input
@@ -138,6 +140,22 @@ function defsOf(group: string): SiteConfigFieldDef[] {
                     />
                     <p v-if="def.tip" class="cfg-tip">{{ def.tip }}</p>
                 </FormItem>
+                <!-- F5（docs/20）：页脚分组底部固定结构示意图（字段↔视觉位置一一对应，实时回显） -->
+                <FooterPreview
+                    v-if="g.name === 'footer'"
+                    :contact="formModel.fields.contact"
+                    :footer-addresses="formModel.fields.footer_addresses"
+                    :qr-wechat="formModel.fields.qr_wechat"
+                    :qr-weibo="formModel.fields.qr_weibo"
+                    :socials="[
+                        { label: '微信', value: formModel.fields.social_wechat },
+                        { label: '微博', value: formModel.fields.social_weibo },
+                        { label: '抖音', value: formModel.fields.social_douyin },
+                        { label: 'B站', value: formModel.fields.social_bilibili },
+                    ]"
+                    :copyright="formModel.fields.copyright"
+                    :beian="formModel.fields.beian"
+                />
             </template>
         </Form>
     </div>