fix(web): 关注我们列表图用响应式候选下标，避免重渲染覆盖 @error 导致裂图

Made-with: Cursor

web/src/views/Home.vue

@@ -145,13 +145,13 @@
         >
           <span class="social-pill-icon-wrap">
             <img
-              :src="item.imageCandidates[0]"
+              :src="socialListImgSrc(item)"
               :alt="item.label"
               class="social-pill-icon"
               width="32"
               height="32"
               loading="lazy"
-              @error="(e) => onSocialFollowListImgError(e, item)"
+              @error="onSocialFollowListImgError(item)"
             />
           </span>
           <span class="social-pill-label">{{ item.label }}</span>
@@ -333,6 +333,15 @@ import { getCachedWebSiteId, fetchWebRoutes } from '../api/webPages'
 
 const socialFollowItems = PROMOTION_SOCIAL_FOLLOW
 
+/** 「关注我们」列表图标：必须用响应式候选下标驱动 :src，勿在 @error 里只改 DOM，否则重渲染会回到 candidates[0] 裂图 */
+const socialListImgIdx = reactive(Object.fromEntries(PROMOTION_SOCIAL_FOLLOW.map((x) => [x.id, 0])))
+function socialListImgSrc(item) {
+  const list = item.imageCandidates || []
+  if (!list.length) return ''
+  const i = Math.min(socialListImgIdx[item.id] ?? 0, list.length - 1)
+  return list[i]
+}
+
 const starsEl = ref(null)
 let cometTimer = null
 const scrollY = ref(0)
@@ -539,9 +548,11 @@ function closeVideoModal() {
 
 function openSocialFollow(item) {
   socialQrTitle.value = item.label
-  socialQrCandidates.value = item.imageCandidates || []
+  const list = item.imageCandidates || []
-  socialQrCandidateIdx.value = 0
+  socialQrCandidates.value = list
-  socialQrImage.value = item.imageCandidates?.[0] || ''
+  const start = Math.min(socialListImgIdx[item.id] ?? 0, Math.max(0, list.length - 1))
+  socialQrCandidateIdx.value = start
+  socialQrImage.value = list[start] || ''
   socialQrHref.value = item.href || ''
   socialQrOpen.value = true
 }
@@ -554,14 +565,12 @@ function closeSocialFollow() {
   socialQrCandidateIdx.value = 0
 }
 
-/** public /social、public 根路径无图时依次尝试 /promotion/social/ */
+/** 当前候选 404/裂图时换下一 URL（与 :src 绑定同一套下标，避免被 Vue 刷回） */
-function onSocialFollowListImgError(e, item) {
+function onSocialFollowListImgError(item) {
-  const img = e.target
   const list = item.imageCandidates || []
-  let i = Number(img.dataset.fi || 0)
+  const i = socialListImgIdx[item.id] ?? 0
   if (i + 1 < list.length) {
-    img.dataset.fi = String(i + 1)
+    socialListImgIdx[item.id] = i + 1
-    img.src = list[i + 1]
   }
 }