x-slideLeft.wxss 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. @charset "UTF-8";
  2. /* 颜色变量 */
  3. /* 行为相关颜色 */
  4. /* 文字基本颜色 */
  5. /* 背景颜色 */
  6. /* 边框颜色 */
  7. /* 尺寸变量 */
  8. /* 文字尺寸 */
  9. /* 图片尺寸 */
  10. /* Border Radius */
  11. /* 水平间距 */
  12. /* 垂直间距 */
  13. /* 透明度 */
  14. /* 文章场景相关 */
  15. .box-slideLeft {
  16. position: relative;
  17. overflow: hidden;
  18. }
  19. .box-slideLeft view {
  20. box-sizing: border-box;
  21. }
  22. .box-slideLeft .touch-item {
  23. position: absolute;
  24. top: 0;
  25. padding: 10px 10px 10px;
  26. background-color: #FFFFFF;
  27. overflow: hidden;
  28. }
  29. .box-slideLeft .touch-slideLeft {
  30. position: relative;
  31. width: 100%;
  32. z-index: 5;
  33. transition: left 0.2s ease-in-out;
  34. overflow: hidden;
  35. text-overflow: ellipsis;
  36. }
  37. .box-slideLeft .del-box-touch-slideLeft {
  38. right: 0;
  39. float: left;
  40. width: 70px;
  41. height: 100%;
  42. line-height: 101px;
  43. background-color: #FF1E1E;
  44. border-radius: 0 10px 10px 0;
  45. color: #fff;
  46. font-size: 18px;
  47. font-weight: lighter;
  48. text-align: center;
  49. }
  50. .box-slideLeft .delete {
  51. font-size: 28rpx;
  52. }
  53. .box-slideLeft .icon-shanchu {
  54. font-size: 44rpx;
  55. }
  56. .box-slideLeft .cf-shuCenter {
  57. display: flex;
  58. flex-direction: column;
  59. justify-content: center;
  60. align-items: center;
  61. }