@moohng/dui/lib/toast/style/index.css

基于 Vue 3 的轻量级组件库

.dui-toast {
  padding: 6px 12px;
  position: fixed;
  bottom: 15%;
  left: 50%;
  max-width: 80%;
  color: #ffffff;
  text-align: center;
  transform: translateX(-50%);
  background-color: rgba(50, 50, 50, 0.8);
  border-radius: 6px;
  transition: all .3s;
  pointer-events: none;
  opacity: 0;
}

.dui-toast.show {
  opacity: 1;
}