his.less 1.5 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  1. /* mMine/pages/myperformance/his/his.wxss */
  2. .topView {
  3. position: sticky;
  4. top: 0;
  5. z-index: 999;
  6. .title-view {
  7. margin: 10px;
  8. background-color: #f0f0f0;
  9. height: 70px;
  10. border-radius: 10px;
  11. display: flex;
  12. align-items: center;
  13. align-content: center;
  14. flex-direction: column;
  15. padding: 5px 10px;
  16. .title-view-up, .title-view-down {
  17. display: flex;
  18. flex-direction: row;
  19. justify-content: space-between;
  20. align-items: center;
  21. height: 50%;
  22. width: 100%;
  23. align-content: center;
  24. text {
  25. color: #666;
  26. font-size: 13px;
  27. }
  28. }
  29. .title-view-up {
  30. border-bottom: 1px solid #ddd;
  31. }
  32. }
  33. }
  34. .item-view {
  35. margin: 10px;
  36. height: 70px;
  37. border-radius: 10px;
  38. display: flex;
  39. align-items: center;
  40. align-content: center;
  41. flex-direction: column;
  42. padding: 5px 10px;
  43. border: 1px solid #ddd;
  44. .item-view-up, .item-view-down {
  45. display: flex;
  46. flex-direction: row;
  47. justify-content: space-between;
  48. align-items: center;
  49. height: 50%;
  50. width: 100%;
  51. align-content: center;
  52. text {
  53. color: #333;
  54. font-size: 13px;
  55. }
  56. }
  57. .item-view-up {
  58. border-bottom: 1px solid #ddd;
  59. }
  60. }
  61. .van-swipe-cell__right {
  62. height: inherit;
  63. color: white;
  64. display: flex;
  65. .item {
  66. width: 50px;
  67. text-align: center;
  68. display: flex;
  69. justify-content: center;
  70. align-items: center;
  71. font-size: 12px;
  72. color: white;
  73. }
  74. }