|
@@ -12,9 +12,9 @@
|
|
<div class="commission-content">
|
|
<div class="commission-content">
|
|
<span class="commission-title">团队奖励</span>
|
|
<span class="commission-title">团队奖励</span>
|
|
<div class="commission-rates">
|
|
<div class="commission-rates">
|
|
- <span class="rate-item">一级<em>5%</em></span>
|
|
|
|
- <span class="rate-item">二级<em>3%</em></span>
|
|
|
|
- <span class="rate-item">三级<em>1%</em></span>
|
|
|
|
|
|
+ <span class="rate-item">一级5%</span>
|
|
|
|
+ <span class="rate-item">二级3%</span>
|
|
|
|
+ <span class="rate-item">三级1%</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -107,51 +107,37 @@ export default {
|
|
|
|
|
|
/* 团队奖励卡片 */
|
|
/* 团队奖励卡片 */
|
|
.commission-card {
|
|
.commission-card {
|
|
- background: linear-gradient(135deg, #fff 0%, #f8f9fa 100%);
|
|
|
|
- border: 2px solid #e3e6ea;
|
|
|
|
|
|
+ background: #fff;
|
|
border-radius: 12px;
|
|
border-radius: 12px;
|
|
- padding: 20px;
|
|
|
|
- margin-bottom: 15px;
|
|
|
|
- box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
|
|
|
|
|
|
+ padding: 18px 20px;
|
|
|
|
+ margin-bottom: 20px;
|
|
|
|
+ box-shadow: 0 2px 8px rgba(0,0,0,0.04);
|
|
}
|
|
}
|
|
|
|
|
|
.commission-content {
|
|
.commission-content {
|
|
display: flex;
|
|
display: flex;
|
|
align-items: center;
|
|
align-items: center;
|
|
- justify-content: center;
|
|
|
|
- gap: 15px;
|
|
|
|
}
|
|
}
|
|
|
|
|
|
.commission-title {
|
|
.commission-title {
|
|
- color: #d91d42;
|
|
|
|
- font-size: 16px;
|
|
|
|
|
|
+ color: #d0021b;
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
|
|
+ font-size: 16px;
|
|
|
|
+ margin-right: 24px;
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
}
|
|
}
|
|
|
|
|
|
.commission-rates {
|
|
.commission-rates {
|
|
display: flex;
|
|
display: flex;
|
|
- gap: 15px;
|
|
|
|
|
|
+ gap: 32px;
|
|
|
|
+ align-items: center;
|
|
}
|
|
}
|
|
|
|
|
|
.rate-item {
|
|
.rate-item {
|
|
- color: #333;
|
|
|
|
|
|
+ color: #222;
|
|
font-size: 14px;
|
|
font-size: 14px;
|
|
- font-weight: 600;
|
|
|
|
- display: flex;
|
|
|
|
- align-items: center;
|
|
|
|
- gap: 5px;
|
|
|
|
-}
|
|
|
|
-
|
|
|
|
-.rate-item em {
|
|
|
|
- background: linear-gradient(45deg, #d91d42, #ff4757);
|
|
|
|
- color: #fff;
|
|
|
|
- font-style: normal;
|
|
|
|
font-weight: bold;
|
|
font-weight: bold;
|
|
- padding: 3px 8px;
|
|
|
|
- border-radius: 12px;
|
|
|
|
- font-size: 12px;
|
|
|
|
- box-shadow: 0 1px 3px rgba(217, 29, 66, 0.3);
|
|
|
|
|
|
+ letter-spacing: 1px;
|
|
}
|
|
}
|
|
|
|
|
|
/* 项目列表 */
|
|
/* 项目列表 */
|