index.wxss 2.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
  1. .wux-actionsheet__popup {
  2. background-color: transparent
  3. }
  4. .wux-actionsheet__content {
  5. margin-left: 16rpx;
  6. margin-right: 16rpx;
  7. width: auto;
  8. overflow: hidden
  9. }
  10. .wux-actionsheet__content--theme-wx {
  11. margin-left: 0;
  12. margin-right: 0;
  13. margin-bottom: 0
  14. }
  15. .wux-actionsheet__content--theme-wx .wux-actionsheet__group {
  16. border-radius: 0;
  17. margin-bottom: 12rpx
  18. }
  19. .wux-actionsheet__content--theme-wx .wux-actionsheet__group--options {
  20. background-color: #fff
  21. }
  22. .wux-actionsheet__content--theme-wx .wux-actionsheet__group--cancel {
  23. margin-bottom: 0
  24. }
  25. .wux-actionsheet__content--theme-wx .wux-actionsheet__button {
  26. font-size: 36rpx;
  27. color: #000
  28. }
  29. .wux-actionsheet__content--theme-wx .wux-actionsheet__button--cancel {
  30. font-weight: 400
  31. }
  32. .wux-actionsheet__content--theme-wx.wux-actionsheet__content--has-cancel {
  33. background-color: #efeff4
  34. }
  35. .wux-actionsheet__group {
  36. margin-bottom: 16rpx;
  37. border-radius: 8rpx;
  38. background-color: #fff;
  39. overflow: hidden
  40. }
  41. .wux-actionsheet__group--options {
  42. background-color: #f1f2f3
  43. }
  44. .wux-actionsheet__title {
  45. padding: 32rpx;
  46. color: #8f8f8f;
  47. text-align: center;
  48. font-size: 26rpx
  49. }
  50. .wux-actionsheet__button {
  51. position: relative;
  52. display: block;
  53. margin: 0;
  54. padding: 0;
  55. min-width: 104rpx;
  56. min-height: 96rpx;
  57. vertical-align: top;
  58. text-align: center;
  59. text-overflow: ellipsis;
  60. cursor: pointer;
  61. width: 100%;
  62. border-radius: 0;
  63. background-color: transparent;
  64. color: #007aff;
  65. font-size: 42rpx;
  66. line-height: 96rpx;
  67. display: flex;
  68. align-items: center;
  69. justify-content: center
  70. }
  71. .wux-actionsheet__button--hover {
  72. box-shadow: none;
  73. border-color: #d1d3d6;
  74. color: #007aff;
  75. background: #e4e5e7
  76. }
  77. .wux-actionsheet__button--destructive {
  78. color: #ff3b30!important
  79. }
  80. .wux-actionsheet__button--cancel {
  81. font-weight: 500
  82. }
  83. .wux-actionsheet__button--disabled {
  84. opacity: .3!important
  85. }
  86. .wux-actionsheet__group .wux-actionsheet__button {
  87. border-top: none
  88. }
  89. .wux-actionsheet__group .wux-actionsheet__button::after {
  90. transform: none;
  91. transform-origin: none;
  92. border: none;
  93. border-radius: 0;
  94. content: " ";
  95. position: absolute;
  96. left: 0;
  97. top: 0;
  98. right: 0;
  99. height: 1PX;
  100. border-top: 1PX solid #d9d9d9;
  101. color: #d9d9d9;
  102. transform-origin: 0 0;
  103. transform: scaleY(.5)
  104. }
  105. .wux-actionsheet__group .wux-actionsheet__button:first-child:last-child::after {
  106. border-width: 0
  107. }
  108. .wux-actionsheet__icon {
  109. width: 48rpx;
  110. height: 48rpx;
  111. display: inline-block;
  112. margin-right: 20rpx
  113. }