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-08-29 10:36:17 +08:00
parent db2936f051
commit 274896ec1f
4 changed files with 157 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1,5 +1,78 @@
<template>
<div>
<!-- 教师赋能 -->
<div class="xindex-content">
<div class="modules xcontent2">
<div class="xcontent2-main">
<div class="gratefulNav">
<div class="navImg">
<img src="../../assets/images/grateful/famousTeacher.png" alt="">
</div>
<div class="navNotice">
<div id="fixd-box">
<div class="portal-ranking ranking-bg">
<div style="display: flex;justify-content: space-between;">
<p class="ranking-title">通知</p>
<router-link to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
</div>
<ul class="ranking-data">
<li v-for="(item, index) in 6" :key="index"
style="cursor: pointer;margin-top:10px;line-height: 22px;">
<router-link :to="'/case/detail?id=' + item.id" style="display: flex;align-items: center;">
<span class="portal-right-text blue-one">
<img :src="getPic(index)" alt="">
</span>
<div class="portal-title-desc"
style="flex: 1;font-size: 14px;display: flex;justify-content: space-between;">
<span class="title-line-ellipsis " style="width: 130px;">哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
<span>2023-09-09</span>
</div>
</router-link>
</li>
</ul>
</div>
</div>
</div>
<div class="navTool">
<div id="fixd-box">
<div class="portal-ranking ranking-bg1">
<div style="display: flex;justify-content: space-between;">
<p class="ranking-title">工具下载</p>
<router-link to="/grateful/toolDown" style="font-size: 14px;">查看更多</router-link>
</div>
<ul class="ranking-data">
<li v-for="(item, index) in 6" :key="index" style="cursor: pointer;margin-top:10px;line-height: 22px;"
class="title-line-ellipsis">
<router-link :to="'/case/detail?id=' + item.id">
<span class="portal-right-text orange-one" v-if="index == 0">
<img :src="`${webBaseUrl}/images/list-01.png`" alt="">
</span>
<span class="portal-right-text orange-tow" v-if="index == 1">
<img :src="`${webBaseUrl}/images/list02.png`" alt="">
</span>
<span class="portal-right-text orange-three" v-if="index == 2">
<img :src="`${webBaseUrl}/images/list03.png`" alt="">
</span>
<span class="portal-right-text" v-if="index == 3">
<img :src="`${webBaseUrl}/images/list04.png`" alt="">
</span>
<span class="portal-right-text" v-if="index == 4">
<img :src="`${webBaseUrl}/images/list05.png`" alt="">
</span>
<span class="portal-right-text" v-if="index == 5">
<img :src="`${webBaseUrl}/images/listblue06.png`" alt="">
</span>
<span class="portal-title-desc" style="font-size: 14px;">哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</span>
</router-link>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- 教师赋能 -->
<div class="xindex-content">
<div class="modules xcontent2">
@@ -8,7 +81,7 @@
<div class="modules-title xindex-main">
<span class="modules-text">教师赋能</span>
<span class="more">
<router-link to="/grateful/teacherEmpowerment">查看更多>></router-link>
<router-link to="/grateful/teacherEmpowerment">查看更多</router-link>
</span>
</div>
<div class="modules-list">
@@ -272,6 +345,9 @@ export default {
},
},
methods: {
getPic(index) {
return this.webBaseUrl + "/images/listblue0" + (index + 1) + ".png";
},
handleChecked(list) {
if (list.length > 1) {
let one = list.splice(1);
@@ -754,6 +830,29 @@ export default {
</script>
<style scoped lang="scss">
.title-line-ellipsis {
display: -webkit-box;
text-overflow: ellipsis;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
box-sizing: border-box;
word-break: break-all;
overflow: hidden;
}
.gratefulNav {
display: grid;
grid-template-columns: 1.5fr 1fr 1fr;
grid-gap: 60px;
.navImg {
img {
width: 100%;
height: 100%;
}
}
}
.textarea {
width: 600px;
@@ -764,6 +863,7 @@ export default {
.team {
display: grid;
.teamImg {
width: 749px;
height: 478px;
@@ -927,6 +1027,14 @@ export default {
box-sizing: border-box;
}
.one-line-ellipsis {
display: -webkit-box;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
box-sizing: border-box;
}
.course-card {
padding-bottom: 22px;
box-sizing: border-box;