superstar-dice/_src/plugin/toast/toast.vue

<template>
  <transition name="fade">
    <div class="toast" v-html="text" v-show="show"></div>
  </transition>
</template>
<style lang="scss">
.toast{
  background: url('img/board_tips.png') center center no-repeat;
  background-size: 100%;
  width: px2rem(1365);
  height: px2rem(146);
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5200;
  line-height: 1.5;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: px2rem(48);
  color: #ffffff;
  pointer-events: none;
}
</style>