stats.wxss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071
  1. page {
  2. padding: 0;
  3. }
  4. .box {
  5. display: flex;
  6. flex-direction: column;
  7. min-height: 100vh;
  8. }
  9. .tabs {
  10. width: 100vw;
  11. height: 102rpx;
  12. background-color: #ffffff;
  13. margin-bottom: 10rpx;
  14. flex-shrink: 0;
  15. padding-top: 27rpx;
  16. padding-left: 40rpx;
  17. box-sizing: border-box;
  18. }
  19. .contents {
  20. flex: 1;
  21. width: 100vw;
  22. background-color: #ffffff;
  23. }
  24. .contents .title {
  25. height: 44rpx;
  26. font-size: 32rpx;
  27. color: #000000;
  28. line-height: 44rpx;
  29. box-sizing: border-box;
  30. margin: 30rpx 0 30rpx 40rpx;
  31. }
  32. /* 列表 */
  33. .list {
  34. width: 100vw;
  35. padding-left: 60rpx;
  36. box-sizing: border-box;
  37. }
  38. .list .item {
  39. display: flex;
  40. align-items: center;
  41. height: 70rpx;
  42. line-height: 70rpx;
  43. margin-bottom: 30rpx;
  44. font-size: 32rpx;
  45. color: rgba(0, 0, 0, .7);
  46. }
  47. .list .item image {
  48. width: 70rpx;
  49. height: 70rpx;
  50. border-radius: 50%;
  51. margin-right: 20rpx;
  52. flex-shrink: 0;
  53. }
  54. .list .item text {
  55. display: inline-block;
  56. max-width: 284rpx;
  57. margin-right: 15rpx;
  58. }
  59. .list .item view {
  60. height: 70rpx;
  61. line-height: 73rpx;
  62. }