tn-toast.wxss 1.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. @charset "UTF-8";
  2. /**
  3. * 下方引入的为Tuniao UI的集成样式文件,为scss预处理器,其中包含了一些"tn-"开头的自定义变量
  4. * 使用的时候,请将下面的一行复制到您的uniapp项目根目录的uni.scss中即可
  5. * Tuniao UI自定义的css类名和scss变量,均以"tn-"开头,不会造成冲突,请放心使用
  6. */
  7. .tn-toast.data-v-37b79408 {
  8. height: auto;
  9. background-color: rgba(0, 0, 0, 0.4);
  10. border-radius: 10rpx;
  11. opacity: 0;
  12. position: fixed;
  13. left: 50%;
  14. top: 48%;
  15. -webkit-transform: translate(-50%, -50%);
  16. transform: translate(-50%, -50%);
  17. transition: 0.3 ease-in-out;
  18. transition-property: opacity, visibility;
  19. display: flex;
  20. align-items: center;
  21. flex-direction: column;
  22. padding: 20rpx 20rpx 20rpx 20rpx;
  23. box-sizing: border-box;
  24. }
  25. .tn-toast--show.data-v-37b79408 {
  26. opacity: 1;
  27. }
  28. .tn-toast--show.tn-toast--padding.data-v-37b79408 {
  29. padding-top: 50rpx !important;
  30. padding-bottom: 50rpx !important;
  31. }
  32. .tn-toast--show.tn-toast--unicon.data-v-37b79408 {
  33. padding: 20rpx 20rpx 20rpx 20rpx !important;
  34. }
  35. .tn-toast__img.data-v-37b79408 {
  36. width: 120rpx;
  37. height: 120rpx;
  38. display: block;
  39. }
  40. .tn-toast__text.data-v-37b79408 {
  41. font-size: 28rpx;
  42. line-height: 28rpx;
  43. color: #ffffff;
  44. text-align: center;
  45. }
  46. .tn-toast__icon.data-v-37b79408 {
  47. color: #FFFFFF;
  48. font-size: 64rpx;
  49. }
  50. .tn-toast__content.data-v-37b79408 {
  51. padding-top: 10rpx;
  52. font-size: 24rpx !important;
  53. }
  54. .tn-toast--unicon.data-v-37b79408 {
  55. padding: 0;
  56. word-break: break-all;
  57. }
  58. .tn-toast--padding.data-v-37b79408 {
  59. padding: 10rpx;
  60. }
  61. .tn-toast__mask.data-v-37b79408 {
  62. width: 100%;
  63. height: 100%;
  64. position: fixed;
  65. top: 0;
  66. left: 0;
  67. right: 0;
  68. border: 0;
  69. background-color: rgba(0, 0, 0, 0);
  70. transition: 0.3s ease-in-out;
  71. transition-property: opacity;
  72. opacity: 0;
  73. }
  74. .tn-toast__mask--show.data-v-37b79408 {
  75. height: 100%;
  76. opacity: 1;
  77. }