message.scss 569 B

1234567891011121314151617181920212223242526272829303132333435
  1. .cl-message__wrap {
  2. .cl-message {
  3. display: flex;
  4. align-items: center;
  5. min-width: auto;
  6. box-sizing: border-box;
  7. border-radius: 8rpx;
  8. position: fixed;
  9. left: 50%;
  10. top: -200rpx;
  11. transform: translateX(-50%);
  12. overflow: hidden;
  13. padding: 24rpx 40rpx 24rpx 30rpx;
  14. background-color: #fff;
  15. border: 1rpx solid #eee;
  16. z-index: 3030;
  17. opacity: 0;
  18. transition: all 0.6s ease-in-out;
  19. &__icon {
  20. margin-right: 20rpx;
  21. }
  22. &__content {
  23. padding: 0;
  24. font-size: 26rpx;
  25. line-height: 1;
  26. color: #666;
  27. }
  28. &.is-show {
  29. opacity: 1;
  30. }
  31. }
  32. }