popViewGG.wxss 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. .tui-actionsheet {
  2. width:750rpx;
  3. position: fixed;
  4. left: 0;
  5. right: 0;
  6. bottom: 0;
  7. z-index: 9999;
  8. visibility: hidden;
  9. -webkit-transform: translate3d(0, 100%, 0);
  10. transform: translate3d(0, 100%, 0);
  11. -webkit-transform-origin: center;
  12. transform-origin: center;
  13. transition: all 0.3s ease-in-out;
  14. background: #eaeaec;
  15. min-height: 100rpx;
  16. }
  17. .tui-actionsheet-show {
  18. -webkit-transform: translate3d(0, 0, 0);
  19. transform: translate3d(0, 0, 0);
  20. visibility: visible;
  21. }
  22. .tui-tips {
  23. width:750rpx;
  24. padding: 30rpx 60rpx;
  25. box-sizing: border-box;
  26. text-align: center;
  27. background: #fff;
  28. display: flex;
  29. align-items: center;
  30. justify-content: center;
  31. }
  32. .tui-operate-box {
  33. padding-bottom: 12rpx;
  34. max-height: 70vh;
  35. overflow: scroll;
  36. }
  37. .tui-operate-boxN {
  38. max-height: 70vh;
  39. overflow: scroll;
  40. }
  41. .tui-actionsheet-btn {
  42. width:750rpx;
  43. height: 100rpx;
  44. background: #fff;
  45. display: flex;
  46. align-items: center;
  47. justify-content: center;
  48. text-align: center;
  49. font-size: 36rpx;
  50. position: relative;
  51. }
  52. .tui-btn-last {
  53. padding-bottom: env(safe-area-inset-bottom);
  54. }
  55. .tui-actionsheet-divider::before {
  56. content: '';
  57. width:750rpx;
  58. border-top: 1rpx solid #d9d9d9;
  59. position: absolute;
  60. top: 0;
  61. left: 0;
  62. -webkit-transform: scaleY(0.5);
  63. transform: scaleY(0.5);
  64. }
  65. .tui-actionsheet-cancel {
  66. color: #1a1a1a;
  67. padding-bottom: env(safe-area-inset-bottom);
  68. }
  69. .tui-actionsheet-hover {
  70. background: #f7f7f9;
  71. }
  72. .tui-actionsheet-mask {
  73. position: fixed;
  74. top: 0;
  75. left: 0;
  76. right: 0;
  77. bottom: 0;
  78. background: rgba(0, 0, 0, 0.6);
  79. z-index: 9996;
  80. transition: all 0.3s ease-in-out;
  81. opacity: 0;
  82. visibility: hidden;
  83. }
  84. .tui-mask-show {
  85. opacity: 1;
  86. visibility: visible;
  87. }
  88. .skuViewCt{
  89. display: flex;
  90. flex-direction: column;
  91. justify-content:center;
  92. width: 100%;
  93. margin-top: 10rpx;
  94. }
  95. .contensbgg{
  96. display: flex;
  97. flex-wrap: wrap;
  98. justify-content:flex-start;
  99. align-items:center;
  100. }
  101. .guigeleixing{
  102. font-size: 26rpx;
  103. line-height: 40rpx;
  104. height: 40rpx;
  105. color: black;
  106. font-weight: bold;
  107. }
  108. .youhuixinxi{
  109. margin: 8rpx;
  110. padding: 4rpx;
  111. font-size: 26rpx;
  112. line-height: 54rpx;
  113. height: 54rpx;
  114. border: 2rpx solid lightgray;
  115. border-radius: 8rpx;
  116. }
  117. .xz{
  118. background-color: #ff0000;
  119. }