将聊天箭头从左侧移动到右侧

<div class="chat-container">
  <div class="chat-arrow"></div>
</div>

.chat-container {
  position: relative;
  width: 300px;
  height: 200px;
  background-color: #f0f0f0;
}

.chat-arrow {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 20px;
  height: 20px;
  background-color: #ccc;
  border-radius: 50%;
  transition: left 0.5s;
}

const chatArrow = document.querySelector('.chat-arrow');
chatArrow.addEventListener('click', () => {
  chatArrow.style.left = '280px'; // 移动到右侧位置
});