| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139 |
- /* 页面容器 */
- .page-container {
- min-height: 100vh;
- background-color: #f5f7fa;
- padding-bottom: 40rpx;
- box-sizing: border-box;
-
- }
-
- /* 顶部项目基础信息区 */
- .project-header {
- width: 100%;
- background: #fff;
- padding: 30rpx 24rpx;
- margin-bottom: 20rpx;
- box-sizing: border-box;
- }
-
- /* 状态标签 */
- .status-tag {
- display: inline-block;
- font-size: 24rpx;
- padding: 6rpx 16rpx;
- border-radius: 20rpx;
- color: #fff;
- margin-bottom: 20rpx;
- }
- /* 状态类型样式 */
- .status-tag.pending { background: #909399; }
- .status-tag.ongoing { background: #409eff; }
- .status-tag.done { background: #67c23a; }
- .status-tag.suspended { background: #f56c6c; }
-
- /* 项目名称 */
- .project-name {
- font-size: 36rpx;
- font-weight: 600;
- color: #333;
- margin-bottom: 24rpx;
- line-height: 1.4;
- margin-top: 20rpx;
- box-sizing: border-box;
- }
-
- /* 基础信息行 */
- .base-info-row {
- font-size: 28rpx;
- color: #666;
- line-height: 1.8;
- }
- .base-info-item {
- margin-bottom: 12rpx;
- }
-
- /* 通用模块卡片 */
- .module-card {
- background: #fff;
- border-radius: 16rpx;
- padding: 24rpx;
- margin: 0 20rpx 20rpx;
- box-shadow: 0 2rpx 10rpx rgba(0, 0, 0, 0.05);
- }
-
- /* 模块标题 */
- .module-title {
- font-size: 32rpx;
- font-weight: 600;
- color: #333;
- padding-bottom: 16rpx;
- margin-bottom: 16rpx;
- border-bottom: 1rpx solid #f0f0f0;
- }
-
- /* 项目分成容器 */
- .split-container {
- display: flex;
- flex-wrap: wrap;
- gap: 16rpx;
- padding: 8rpx 0;
- }
- .split-item {
- background: #f5f7fa;
- border-radius: 8rpx;
- padding: 12rpx 20rpx;
- flex: 1;
- min-width: 180rpx;
- text-align: center;
- }
- .split-name {
- font-size: 26rpx;
- color: #666;
- margin-bottom: 8rpx;
- }
- .split-value {
- font-size: 28rpx;
- font-weight: 600;
- color: #409eff;
- }
-
- /* 通用方信息样式 */
- .party-info {
- font-size: 28rpx;
- color: #666;
- line-height: 2;
- }
- .party-item {
- display: flex;
- flex-wrap: wrap;
- margin-bottom: 8rpx;
- }
- .info-label {
- color: #999;
- min-width: 120rpx;
- }
- .info-value {
- flex: 1;
- color: #333;
- }
-
- /* 合伙人列表 */
- .partner-list {
- padding: 8rpx 0;
- }
- .partner-item {
- padding: 16rpx 0;
- border-bottom: 1rpx dashed #eee;
- }
- .partner-item:last-child {
- border-bottom: none;
- }
- .partner-name {
- font-size: 30rpx;
- font-weight: 600;
- color: #333;
- margin-bottom: 12rpx;
- }
- .partner-detail {
- padding-left: 12rpx;
- }
|