修改教师节

This commit is contained in:
nisen
2023-08-30 10:35:23 +08:00
parent ccd3ddc622
commit ba5af1eae2
6 changed files with 57 additions and 21 deletions

View File

@@ -473,9 +473,13 @@ body {margin: 0px;padding: 0px;}
.xcontent{width: 1366px;}
.xcontent2{
width: 1366px;
//后添加的教师节
.list {
grid-template-columns: repeat(4, 332px);
}
.liList{
margin-top: 10px;
}
}
.rankimg{
width:76px;
@@ -522,6 +526,9 @@ body {margin: 0px;padding: 0px;}
.list {
grid-template-columns: repeat(4, 400px);
}
.liList{
margin-top: 24px;
}
}
.rankimg{
width:86px;
@@ -567,6 +574,9 @@ body {margin: 0px;padding: 0px;}
.list {
grid-template-columns: repeat(4, 445px);
}
.liList{
margin-top: 32px;
}
}
.home-page-right{
width: 395px;

View File

@@ -15,9 +15,9 @@
<p class="ranking-title">通知</p>
<router-link to="/grateful/gratefulNotice" style="font-size: 14px;">查看更多</router-link>
</div>
<ul class="ranking-data">
<ul>
<li v-for="(item, index) in 6" :key="index"
style="cursor: pointer;margin-top:10px;line-height: 22px;">
style="cursor: pointer;line-height: 22px;" class="liList">
<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="">
@@ -40,9 +40,9 @@
<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">
<ul>
<li v-for="(item, index) in 6" :key="index" style="cursor: pointer;line-height: 22px;"
class="title-line-ellipsis liList">
<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="">
@@ -290,9 +290,8 @@ export default {
.gratefulNav {
display: grid;
grid-template-columns: 1.6fr 1fr 1fr;
column-gap: 60px;
grid-template-columns: 1.5fr 1fr 1fr;
column-gap: 40px;
.navImg {
img {
width: 100%;

View File

@@ -24,7 +24,7 @@
</div>
</div>
<div class="xcontent2-minor" style="margin-left: 25px;">
<!-- <div class="xcontent2-minor" style="margin-left: 25px;">
<div class="portal-ranking ranking-bg">
<p class="ranking-title">教师赋能排行榜</p>
<ul class="xindex-ranking-course">
@@ -39,7 +39,7 @@
</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
</div>

View File

@@ -20,7 +20,7 @@
<div class="noticeContent">--内容列表内容--</div>
</div>
</div>
<div class="xcontent2-minor" style="margin-left: 25px">
<!-- <div class="xcontent2-minor" style="margin-left: 25px">
<div class="portal-ranking ranking-bg">
<p class="ranking-title">重要通知</p>
<ul class="xindex-ranking-course">
@@ -35,7 +35,7 @@
</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
</div>

View File

@@ -25,7 +25,7 @@
</pagination>
</div>
</div>
<div class="xcontent2-minor" style="margin-left: 25px">
<!-- <div class="xcontent2-minor" style="margin-left: 25px">
<div class="portal-ranking ranking-bg">
<p class="ranking-title">教师赋能排行榜</p>
<ul class="xindex-ranking-course">
@@ -40,7 +40,7 @@
</li>
</ul>
</div>
</div>
</div> -->
</div>
</div>
</div>

View File

@@ -1,7 +1,15 @@
<template>
<div>
<div class="grateful header" v-if="$route.meta.hidden">
<img src="../../assets/images/grateful/gratefulbanner.png" alt="" />
<div class="grateful header" style="margin-bottom:30px" v-if="$route.meta.hidden">
<div class="portal-header">
<div class="portal-top" style="color: #fff;">
<div class="portal-top-left">
<div class="portal-top-logo">
<img src="../../assets/logo/logo-white.png" style="width:160px;height: 27px;" />
</div>
</div>
</div>
</div>
</div>
<div class="course-banner" v-if="!$route.meta.hidden">
<div id="container" style="z-index: 99" v-if="resonimg.length == 1">
@@ -97,12 +105,31 @@ export default {
}
.header {
&::before {
content: url('../../assets/images/grateful/logo.png');
position: absolute;
top: 30px;
left: 40px;
height: 240px;
background: url('../../../public/images/courseBg.png') no-repeat;
background-size: 100% 100%;
.portal-header {
height: 72px;
display: flex;
background: rgba(255, 255, 255, 0.1);
border: 1px solid rgba(61, 61, 61, 0.15);
backdrop-filter: blur(10px);
.portal-top {
width: 100%;
margin: 0px 40px;
display: flex;
justify-content: space-between;
.portal-top-left {
display: flex;
justify-content: flex-start;
align-items: center;
}
}
}
}
.bannbox {