.ledge_box{ .data-search { display: flex; justify-content: flex-end; padding: 20px 30px 0px 30px; } .data-list{ padding: 10px; min-height: 200px; // 确保在没有内容时也有足够的高度显示加载动画 position: relative; // 为加载动画提供定位上下文 .time { font-size: 12px; color: #999; } .bottom { margin-top: 13px; line-height: 12px; } .button { padding: 0; float: right; } .image { width: 100%; display: block; } .clearfix:before, .clearfix:after { display: table; content: ""; } .clearfix:after { clear: both } .card_box{ position: relative; padding: 20px; .header{ position: absolute; top: 10px; right: 10px; z-index: 10; } .header_right { cursor: pointer; z-index: 2000; // 确保图标可点击 padding-right: 20px; } .content { padding-top: 30px; // 为header腾出空间 } } .el-card:hover { /* 鼠标悬停时的更强烈阴影 */ box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2); } ::v-deep .custom-popover { z-index: 3000 !important; // 增加 z-index } .el-card{ margin-bottom: 30px; /* 初始状态的阴影 */ box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1); /* 添加过渡效果 */ transition: box-shadow 0.3s ease-in-out; .card_box{ height: 235px; .box_content{ font-family: Arial, Helvetica, sans-serif; display: flex; flex-direction: column; justify-content: space-between; height: 100%; .content{ margin-top: -50px; padding-top: 50px; font-size: 22px; line-height: 32px; font-weight: 600; cursor: pointer; color: #666666; word-break: break-all; .content_info{ font-size: 12px; line-height: 18px; color:#999999 ; height: 36px; margin: 30px 10px 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .content_file{ font-size: 11px; line-height: 14px; display: flex; .file{ width: 60px; display: flex; flex-direction: column; align-items: center; margin-right: 5px; p{ margin: 0; } } } } .footer{ display: flex; justify-content: space-between; font-size: 12px; margin-top: 15px; color: #999999; vertical-align: middle; } } } } } }