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