短通知 + 上部消息

components/toast/toast.wxss

@@ -0,0 +1,84 @@
+.t-float-left {
+  float: left;
+}
+.t-float-right {
+  float: right;
+}
+@keyframes tdesign-fade-out {
+  from {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+.hotspot-expanded.relative {
+  position: relative;
+}
+.hotspot-expanded::after {
+  content: '';
+  display: block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  transform: scale(1.5);
+}
+.t-toast {
+  position: fixed;
+  right: -50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  z-index: 12001;
+  opacity: 1;
+  transition: opacity 300ms ease;
+  background-color: rgba(0, 0, 0, 0.6);
+  border-radius: 8rpx;
+  font-size: 28rpx;
+  color: white;
+  max-width: 374rpx;
+  width: fit-content;
+  box-sizing: border-box;
+}
+.t-toast--column {
+  padding: 48rpx;
+  min-width: 272rpx;
+  min-height: 260rpx;
+  border-radius: 16rpx;
+}
+.t-toast__content {
+  align-items: center;
+  line-height: 44rpx;
+}
+.t-toast__content--row {
+  display: flex;
+  text-align: left;
+  padding: 28rpx 44rpx;
+}
+.t-toast__content--column {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+.t-toast__icon--row {
+  display: flex;
+}
+.t-toast__text {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  -webkit-line-clamp: 3;
+  display: -webkit-box;
+  -webkit-box-orient: vertical;
+}
+.t-toast__text--column {
+  margin-top: 24rpx;
+}
+.t-toast__text--row {
+  margin-left: 12rpx;
+}
+.t-toast.t-fade-enter,
+.t-toast.t-fade-leave-to {
+  opacity: 0;
+}