Переглянути джерело

fix(miniapp): 修复家庭FAB按钮点击失效 + 位置上移

提交 f00924d0 将 .fab-pulse 呼吸动画层从 v-if="fanOpen"(仅展开时显示)
改为 v-if="!fanOpen"(默认常驻),且背景由透明边框改为实心半透明
rgba(249,115,22,0.25)。该层绝对定位 72rpx 与 .fab-avatar 完全重合、
DOM 顺序在后且未设 pointer-events: none,常驻覆盖在 FAB 按钮上层,
拦截所有点击,导致家庭成员扇形无法展开。

- .fab-pulse 增加 pointer-events: none,点击穿透到按钮本体
- FAB 位置从 bottom: 33.33% 上移至 bottom: 45%(黄金分割位下移后过于靠下)

Reviewed-by: Sisyphus
asus 2 місяців тому
батько
коміт
5cc794f798
1 змінених файлів з 5 додано та 2 видалено
  1. 5 2
      cfc-frontend/components/FamilyMemberStrip.vue

+ 5 - 2
cfc-frontend/components/FamilyMemberStrip.vue

@@ -364,9 +364,10 @@ export default {
 
 <style scoped>
 .member-strip {
-  /* FAB 悬浮在左侧边缘,底部 1/3 黄金分割位;禁用 transform */
+  /* FAB 悬浮在左侧边缘中部偏下;禁用 transform(transform 会创建 containing block,
+     使后续 .fan-overlay (position: fixed) 退化为相对本容器定位,全屏遮罩失效) */
   position: fixed;
-  bottom: 33.33%;
+  bottom: 45%;
   left: 16rpx;
   z-index: 100;
 }
@@ -473,6 +474,8 @@ export default {
   border-radius: 50%;
   background: rgba(249, 115, 22, 0.25);
   animation: fab-pulse-anim 2.5s ease-out infinite;
+  /* 呼吸动画层不拦截点击,否则常驻覆盖 FAB 导致无法展开成员扇形 */
+  pointer-events: none;
 }
 @keyframes fab-pulse-anim {
   0% { transform: scale(1); opacity: 0.6; }