wangys/schoolNews
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

样式修正

Browse Source
This commit is contained in:
wangys
2025-12-16 18:57:45 +08:00
parent 49ef4a9435
commit c2e2597a9a
1 changed files with 24 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
schoolNewsWeb/src/views/user/resource-center/HotResourceView.vue
View File

@@ -74,7 +74,7 @@
<Document />
</el-icon>
</div>
<div class="cover-overlay">
<div v-if="article.coverImage" class="cover-overlay">
<span class="view-button">查看详情</span>
</div>
</div>
@@ -554,7 +554,8 @@ function goBack() {
.article-cover {
position: relative;
width: 100%;
height: 45%;
height: 160px;
flex-shrink: 0;
overflow: hidden;
background: #F3F4F6;
@@ -578,29 +579,29 @@ function goBack() {
font-size: 48px;
color: #9CA3AF;
}
}
.cover-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
display: flex;
align-items: flex-end;
justify-content: center;
padding: 20px;
opacity: 0;
transition: opacity 0.3s;
.cover-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: linear-gradient(180deg, transparent 0%, rgba(0, 0, 0, 0.7) 100%);
display: flex;
align-items: flex-end;
justify-content: center;
padding: 20px;
opacity: 0;
transition: opacity 0.3s;
.view-button {
padding: 8px 20px;
background: #E7000B;
color: #FFFFFF;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
.view-button {
padding: 8px 20px;
background: #E7000B;
color: #FFFFFF;
border-radius: 20px;
font-size: 14px;
font-weight: 500;
}
}
}