fix: 更新财经商贸页面的产品宣传海报设计数量
详细说明: - 将产品宣传海报设计数量从3套更新为2套,以反映最新的设计进度 - 更新相关文本内容以保持一致性 - 修改文件: web_frontend/exhibition-demo/src/data/terminalSimulations/finance.ts, web_frontend/web_result/order-classes/finance/index.html
This commit is contained in:
@@ -604,8 +604,9 @@ body.dark-theme tr:hover {
|
||||
}
|
||||
|
||||
.image-container:hover img {
|
||||
transform: scale(1.1);
|
||||
/* transform: scale(1.1); */ /* 取消放大效果 */
|
||||
filter: brightness(1.1);
|
||||
cursor: pointer; /* 添加点击提示 */
|
||||
}
|
||||
|
||||
.image-caption {
|
||||
@@ -959,3 +960,73 @@ body.dark-theme .theme-icon-dark {
|
||||
body.dark-theme .theme-icon-light {
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
/* ========== 图片查看器 - 点击放大功能 ========== */
|
||||
.image-viewer-modal {
|
||||
display: none;
|
||||
position: fixed;
|
||||
z-index: 9999;
|
||||
left: 0;
|
||||
top: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.95);
|
||||
animation: fadeIn 0.3s ease;
|
||||
}
|
||||
|
||||
.image-viewer-modal.active {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.image-viewer-content {
|
||||
position: relative;
|
||||
max-width: 90%;
|
||||
max-height: 90%;
|
||||
animation: zoomIn 0.3s ease;
|
||||
}
|
||||
|
||||
.image-viewer-content img {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
object-fit: contain;
|
||||
border-radius: var(--radius-lg);
|
||||
box-shadow: 0 0 50px rgba(139, 92, 246, 0.5);
|
||||
}
|
||||
|
||||
.image-viewer-close {
|
||||
position: absolute;
|
||||
top: 20px;
|
||||
right: 20px;
|
||||
font-size: 48px;
|
||||
color: white;
|
||||
cursor: pointer;
|
||||
background: rgba(139, 92, 246, 0.3);
|
||||
width: 60px;
|
||||
height: 60px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
border-radius: var(--radius-full);
|
||||
transition: all var(--transition-base);
|
||||
border: 2px solid var(--primary-purple);
|
||||
font-weight: 300;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.image-viewer-close:hover {
|
||||
background: rgba(139, 92, 246, 0.6);
|
||||
transform: rotate(90deg) scale(1.1);
|
||||
}
|
||||
|
||||
@keyframes zoomIn {
|
||||
from {
|
||||
transform: scale(0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
to {
|
||||
transform: scale(1);
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user