swipe-action.wxss 843 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051
  1. .tui-swipeout-wrap {
  2. background: #fff;
  3. position: relative;
  4. overflow: hidden;
  5. }
  6. .swipe-action-show{
  7. position: relative;
  8. z-index: 99990
  9. }
  10. .tui-swipeout-item {
  11. width: 100%;
  12. /* padding: 15px 20px; */
  13. box-sizing: border-box;
  14. transition: transform 0.2s ease;
  15. font-size: 14px;
  16. }
  17. .tui-swipeout-content {
  18. white-space: nowrap;
  19. overflow: hidden;
  20. }
  21. .tui-swipeout-button-right-group {
  22. position: absolute;
  23. right: -100%;
  24. top: 0;
  25. height: 100%;
  26. z-index: 1;
  27. width: 100%;
  28. }
  29. .tui-swipeout-button-right-item {
  30. height: 100%;
  31. float: left;
  32. white-space: nowrap;
  33. box-sizing: border-box;
  34. display: flex;
  35. align-items: center;
  36. justify-content: center;
  37. text-align: center;
  38. }
  39. .swipe-action_mask {
  40. display: block;
  41. opacity: 0;
  42. position: fixed;
  43. z-index: 999;
  44. top: 0;
  45. left: 0;
  46. width: 100%;
  47. height: 100%;
  48. }