feat: 订单详情功能完善

This commit is contained in:
duanshuwen
2025-08-01 21:37:07 +08:00
parent afae470f85
commit 7ff542e57a
8 changed files with 317 additions and 198 deletions

View File

@@ -147,7 +147,6 @@ $breakpoint-mobile: 480px;
margin-top: $spacing-large;
position: relative;
overflow: hidden;
box-shadow: 0 2px 8px rgba($button-color, 0.3);
transition: all $transition-normal;
letter-spacing: 0.5px;
@@ -219,49 +218,10 @@ $breakpoint-mobile: 480px;
}
.feedback {
display: block;
text-align: center;
font-size: $font-size-medium;
color: $text-color-primary;
font-weight: $font-weight-normal;
margin-top: $spacing-medium;
cursor: pointer;
text-decoration: none;
position: relative;
transition: all $transition-fast;
padding: $spacing-small;
border-radius: 4px;
// 下划线动画效果
&::after {
content: "";
position: absolute;
bottom: 4px;
left: 50%;
width: 0;
height: 1px;
background-color: $text-color-accent;
transition: all $transition-normal;
transform: translateX(-50%);
}
&:hover {
color: $text-color-accent;
background-color: rgba($text-color-accent, 0.05);
&::after {
width: 60%;
}
}
&:active {
transform: scale(0.98);
}
// 移动端适配
@media (max-width: $breakpoint-mobile) {
font-size: $font-size-medium - 1px;
padding: $spacing-medium $spacing-small;
}
}
}