[Bug Report] [Style] [message] 代码多次调用ElMessage方法，出现重叠的问题

[CR-pcs]

Bug Type: Style

Environment

• Vue Version: 3.2.33
• Element Plus Version: 2.1.9
• Browser / OS: e.g. Chrome 96.0.4664.45 / macOS 12.0.1
• Build Tool: Vite

Reproduction

Related Component

• el-message

Reproduction Link

Element Plus Playground

Steps to reproduce

<script setup lang="ts">
import { ElMessage } from 'element-plus'
const test = () => {
  [1,2,3,4,5,6,7].forEach(() => {
    ElMessage.warning('提示重复了')
  })
}
</script>
<template>
  <el-button @click="test" >点击出现多个提示</el-button>
</template>

What is Expected?

使用代码多次触发ElMessage方法，message的间隔正常

What is actually happening?

使用代码多次触发ElMessage方法，message的间隔重叠

Additional comments

(empty)