xiaoshi-wx/myComponents/bubble/bubble.wxss

/* 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);  
}