hz/learning-system-portal
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git synced 2025-12-11 03:46:44 +08:00
Code Issues Packages Projects Releases Wiki Activity

样式

Browse Source
This commit is contained in:
nisen
2023-09-05 11:59:39 +08:00
parent b402e70f03
commit 8fe266a9e0
6 changed files with 34 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
src/views/grateful/GratefulHomePage.vue
View File

@@ -40,10 +40,11 @@
</div>
<div class="navNotice">
<div id="fixd-box" style="height: 100%;">
<div class="portal-ranking ranking-bg" style="height: 100%;">
<div class="portal-ranking ranking-bg" style="height: 100%;display: flex;flex-direction: column;">
<div style="display: flex;justify-content: space-between;">
<p class="ranking-title">通知</p>
<router-link v-if="courseList.noticeList.length >= 6" to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
<router-link v-if="courseList.noticeList.length >= 6" to="/grateful/gratefulNotice"
style="font-size: 14px;">查看更多</router-link>
</div>
<ul>
<li v-for="(item, index) in courseList.noticeList" :key="index"
@@ -61,12 +62,16 @@
</router-link>
</li>
</ul>
<div v-if="courseList.noticeList.length <=3" style="flex: 1;display: flex; align-items: flex-end;">
<img src="../../assets/images/grateful/notice.png" class="noticeImg" style="width: 100%;"
alt="">
</div>
</div>
</div>
</div>
<div class="navTool">
<div id="fixd-box" style="height: 100%;">
<div class="portal-ranking ranking-bg1" style="height: 100%;">
<div class="portal-ranking ranking-bg1" style="height: 100%;display: flex;flex-direction: column;">
<div style="display: flex;justify-content: space-between;">
<p class="ranking-title">工具下载</p>
<router-link v-if="courseList.toolList.length >= 6" to="/grateful/toolDown"
@@ -97,6 +102,15 @@
<span class="portal-title-desc" style="font-size: 14px;">{{ item.name.split('.')[0] }}</span>
</li>
</ul>
<div v-if="courseList.toolList.length <= 4"
style="flex: 1; display: flex;justify-content: space-between; align-items: flex-end;">
<img class="toolImg" src="../../assets/images/grateful/tool1.png"
alt="">
<img class="toolImg" src="../../assets/images/grateful/tool2.png"
alt="">
<img class="toolImg" src="../../assets/images/grateful/tool3.png"
alt="">
</div>
</div>
</div>
</div>
@@ -815,5 +829,4 @@ export default {
display: grid;
justify-content: space-between;
}
}
</style>
}</style>