/* myComponents/bubble/bubble.wxss */ .bubble-container { position: relative; display: inline-block; } .bubble-content { position: absolute; padding: 10px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.9); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); /* 根据需要添加动画 */ transition: all 0.3s ease-in-out; /* 初始状态隐藏 */ opacity: 0; transform: translateY(-10px); } /* 展示时的样式 */ .bubble-container.show .bubble-content { opacity: 1; transform: translateY(0); }