chat/_src/components/popup/toast/index.vue

<template>
  <transition name="fade">
    <div class="toast" v-show="show">{{text}}</div>
  </transition>
</template>
<style lang="scss" scoped>
.toast{
  position: fixed;
  z-index: 999;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  font-size: 14px;
  height: 44px;
  line-height: 44px;
  color: #ffffff;
  background-color: rgba($color: #000000, $alpha: .7);
  padding: 0 52px;
  display: table;
}
.h5-wrap{
  .toast{
    padding: 0 px2rem(40);
  }
}
</style>