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