|
@@ -169,34 +169,29 @@ const handleClose = () => {
|
|
|
|
|
|
|
|
$transition-speed: 0.3s ease;
|
|
$transition-speed: 0.3s ease;
|
|
|
|
|
|
|
|
-// 头部右侧按钮区域
|
|
|
|
|
-:deep(.modal-header-right) {
|
|
|
|
|
- gap: 20px;
|
|
|
|
|
-
|
|
|
|
|
- .detail-btn {
|
|
|
|
|
- position: relative;
|
|
|
|
|
- width: 310px;
|
|
|
|
|
- height: 80px;
|
|
|
|
|
- background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
- color: $neon-cyan;
|
|
|
|
|
- padding: 0;
|
|
|
|
|
- font-size: 32px;
|
|
|
|
|
- cursor: pointer;
|
|
|
|
|
- transition: all $transition-speed;
|
|
|
|
|
- border-radius: 0;
|
|
|
|
|
- box-shadow:
|
|
|
|
|
- inset 6px 0 0 rgba(0, 201, 181, 1),
|
|
|
|
|
- 0 8px 8px 0 rgba(0, 0, 0, 0.25),
|
|
|
|
|
- inset 0 0 6px 0 rgba(0, 255, 230, 0.1);
|
|
|
|
|
- font-weight: normal;
|
|
|
|
|
- display: flex;
|
|
|
|
|
- align-items: center;
|
|
|
|
|
- justify-content: center;
|
|
|
|
|
- border: none;
|
|
|
|
|
-
|
|
|
|
|
- &:hover {
|
|
|
|
|
- background: rgba(255, 255, 255, 0.2);
|
|
|
|
|
- }
|
|
|
|
|
|
|
+.detail-btn {
|
|
|
|
|
+ position: relative;
|
|
|
|
|
+ width: 310px;
|
|
|
|
|
+ height: 80px;
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.1);
|
|
|
|
|
+ color: $neon-cyan;
|
|
|
|
|
+ padding: 0;
|
|
|
|
|
+ font-size: 32px;
|
|
|
|
|
+ cursor: pointer;
|
|
|
|
|
+ transition: all $transition-speed;
|
|
|
|
|
+ border-radius: 0;
|
|
|
|
|
+ box-shadow:
|
|
|
|
|
+ inset 6px 0 0 rgba(0, 201, 181, 1),
|
|
|
|
|
+ 0 8px 8px 0 rgba(0, 0, 0, 0.25),
|
|
|
|
|
+ inset 0 0 6px 0 rgba(0, 255, 230, 0.1);
|
|
|
|
|
+ font-weight: normal;
|
|
|
|
|
+ display: flex;
|
|
|
|
|
+ align-items: center;
|
|
|
|
|
+ justify-content: center;
|
|
|
|
|
+ border: none;
|
|
|
|
|
+
|
|
|
|
|
+ &:hover {
|
|
|
|
|
+ background: rgba(255, 255, 255, 0.2);
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
</style>
|
|
</style>
|