电速宝
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139
  1. /* 页面容器 */
  2. .page-container {
  3. min-height: 100vh;
  4. background-color: #f5f7fa;
  5. padding-bottom: 40rpx;
  6. box-sizing: border-box;
  7. }
  8. /* 顶部项目基础信息区 */
  9. .project-header {
  10. width: 100%;
  11. background: #fff;
  12. padding: 30rpx 24rpx;
  13. margin-bottom: 20rpx;
  14. box-sizing: border-box;
  15. }
  16. /* 状态标签 */
  17. .status-tag {
  18. display: inline-block;
  19. font-size: 24rpx;
  20. padding: 6rpx 16rpx;
  21. border-radius: 20rpx;
  22. color: #fff;
  23. margin-bottom: 20rpx;
  24. }
  25. /* 状态类型样式 */
  26. .status-tag.pending { background: #909399; }
  27. .status-tag.ongoing { background: #409eff; }
  28. .status-tag.done { background: #67c23a; }
  29. .status-tag.suspended { background: #f56c6c; }
  30. /* 项目名称 */
  31. .project-name {
  32. font-size: 36rpx;
  33. font-weight: 600;
  34. color: #333;
  35. margin-bottom: 24rpx;
  36. line-height: 1.4;
  37. margin-top: 20rpx;
  38. box-sizing: border-box;
  39. }
  40. /* 基础信息行 */
  41. .base-info-row {
  42. font-size: 28rpx;
  43. color: #666;
  44. line-height: 1.8;
  45. }
  46. .base-info-item {
  47. margin-bottom: 12rpx;
  48. }
  49. /* 通用模块卡片 */
  50. .module-card {
  51. background: #fff;
  52. border-radius: 16rpx;
  53. padding: 24rpx;
  54. margin: 0 20rpx 20rpx;
  55. box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
  56. }
  57. /* 模块标题 */
  58. .module-title {
  59. font-size: 32rpx;
  60. font-weight: 600;
  61. color: #333;
  62. padding-bottom: 16rpx;
  63. margin-bottom: 16rpx;
  64. border-bottom: 1rpx solid #f0f0f0;
  65. }
  66. /* 项目分成容器 */
  67. .split-container {
  68. display: flex;
  69. flex-wrap: wrap;
  70. gap: 16rpx;
  71. padding: 8rpx 0;
  72. }
  73. .split-item {
  74. background: #f5f7fa;
  75. border-radius: 8rpx;
  76. padding: 12rpx 20rpx;
  77. flex: 1;
  78. min-width: 180rpx;
  79. text-align: center;
  80. }
  81. .split-name {
  82. font-size: 26rpx;
  83. color: #666;
  84. margin-bottom: 8rpx;
  85. }
  86. .split-value {
  87. font-size: 28rpx;
  88. font-weight: 600;
  89. color: #409eff;
  90. }
  91. /* 通用方信息样式 */
  92. .party-info {
  93. font-size: 28rpx;
  94. color: #666;
  95. line-height: 2;
  96. }
  97. .party-item {
  98. display: flex;
  99. flex-wrap: wrap;
  100. margin-bottom: 8rpx;
  101. }
  102. .info-label {
  103. color: #999;
  104. min-width: 120rpx;
  105. }
  106. .info-value {
  107. flex: 1;
  108. color: #333;
  109. }
  110. /* 合伙人列表 */
  111. .partner-list {
  112. padding: 8rpx 0;
  113. }
  114. .partner-item {
  115. padding: 16rpx 0;
  116. border-bottom: 1rpx dashed #eee;
  117. }
  118. .partner-item:last-child {
  119. border-bottom: none;
  120. }
  121. .partner-name {
  122. font-size: 30rpx;
  123. font-weight: 600;
  124. color: #333;
  125. margin-bottom: 12rpx;
  126. }
  127. .partner-detail {
  128. padding-left: 12rpx;
  129. }