uni-swipe-action-item.wxss 1.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. @charset "UTF-8";
  2. /* 水平间距 */
  3. /* 水平间距 */
  4. .uni-swipe {
  5. position: relative;
  6. overflow: hidden;
  7. }
  8. .uni-swipe_box {
  9. display: flex;
  10. flex-shrink: 0;
  11. position: relative;
  12. }
  13. .uni-swipe_text--center {
  14. width: 100%;
  15. cursor: grab;
  16. }
  17. .uni-swipe_button-group {
  18. box-sizing: border-box;
  19. display: flex;
  20. flex-direction: row;
  21. position: absolute;
  22. top: 0;
  23. bottom: 0;
  24. }
  25. .button-group--left {
  26. left: 0;
  27. -webkit-transform: translateX(-100%);
  28. transform: translateX(-100%);
  29. }
  30. .button-group--right {
  31. right: 0;
  32. -webkit-transform: translateX(100%);
  33. transform: translateX(100%);
  34. }
  35. .uni-swipe_button {
  36. display: flex;
  37. flex-direction: row;
  38. justify-content: center;
  39. align-items: center;
  40. padding: 0 20px;
  41. }
  42. .uni-swipe_button-text {
  43. flex-shrink: 0;
  44. font-size: 14px;
  45. }
  46. .ani {
  47. transition-property: -webkit-transform;
  48. transition-property: transform;
  49. transition-property: transform, -webkit-transform;
  50. transition-duration: 0.3s;
  51. transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  52. }