|
|
@@ -96,7 +96,7 @@ export default {
|
|
|
overflow: hidden;
|
|
|
|
|
|
.record-header {
|
|
|
- background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
|
|
+ background: linear-gradient(135deg, #52c41a 0%, #389e0d 100%);
|
|
|
padding: 24upx 32upx;
|
|
|
display: flex;
|
|
|
justify-content: space-between;
|
|
|
@@ -127,9 +127,9 @@ export default {
|
|
|
.event-section {
|
|
|
margin-bottom: 32upx;
|
|
|
padding: 24upx;
|
|
|
- background: #f8f9ff;
|
|
|
+ background: #f6ffed;
|
|
|
border-radius: 12upx;
|
|
|
- border-left: 6upx solid #667eea;
|
|
|
+ border-left: 6upx solid #52c41a;
|
|
|
|
|
|
.event-label {
|
|
|
font-size: 24upx;
|
|
|
@@ -147,7 +147,7 @@ export default {
|
|
|
|
|
|
.change-section {
|
|
|
display: flex;
|
|
|
- align-items: center;
|
|
|
+ align-items: stretch;
|
|
|
justify-content: space-between;
|
|
|
|
|
|
.change-item {
|
|
|
@@ -176,19 +176,21 @@ export default {
|
|
|
|
|
|
&.after {
|
|
|
background: #f6ffed;
|
|
|
- color: #52c41a;
|
|
|
- border: 2upx solid #b7eb8f;
|
|
|
+ color: #237804;
|
|
|
+ border: 2upx solid #95de64;
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
|
|
|
.change-arrow {
|
|
|
width: 60upx;
|
|
|
- text-align: center;
|
|
|
+ display: flex;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
|
|
|
.arrow-icon {
|
|
|
font-size: 32upx;
|
|
|
- color: #667eea;
|
|
|
+ color: #52c41a;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
}
|
