mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/learning-system-portal.git
synced 2025-12-10 03:16:42 +08:00
Compare commits
4 Commits
250702-add
...
master-062
| Author | SHA1 | Date | |
|---|---|---|---|
|
1bd77d3d5b | ||
|
|
21d1dffa7b | ||
|
|
231e9ed09b | ||
|
|
f13a77f075 |
Binary file not shown.
|
Before Width: | Height: | Size: 84 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 111 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 33 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 244 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 186 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.4 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.0 KiB |
@@ -954,7 +954,7 @@ export default {
|
|||||||
},
|
},
|
||||||
findPapers() {
|
findPapers() {
|
||||||
let params={
|
let params={
|
||||||
pageSize:10000,
|
pageSize:200,
|
||||||
name:''
|
name:''
|
||||||
}
|
}
|
||||||
apiPaper.querypaper(params).then((res) => {
|
apiPaper.querypaper(params).then((res) => {
|
||||||
|
|||||||
@@ -1,179 +0,0 @@
|
|||||||
<template>
|
|
||||||
<div class="hot">
|
|
||||||
<div>
|
|
||||||
<div class="center">
|
|
||||||
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
|
||||||
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div style="display: flex;justify-content: center;margin-bottom: 52px;">
|
|
||||||
<img src="../../assets/images/hotforum/foot.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<script>
|
|
||||||
export default {
|
|
||||||
name: "hotforum",
|
|
||||||
data() {
|
|
||||||
return {
|
|
||||||
imgData:[
|
|
||||||
{img:'01',url:'1265897142383042560'},
|
|
||||||
{img:'02',url:'1265697724606210048'},
|
|
||||||
{img:'003',url:'1280185851054231552'},
|
|
||||||
{img:'04',url:'1321778585966247936'},
|
|
||||||
],
|
|
||||||
}
|
|
||||||
},
|
|
||||||
methods: {
|
|
||||||
goLearn(item){
|
|
||||||
if(item){
|
|
||||||
// this.$router.push({path:'/course/detail',query:{id:item}})
|
|
||||||
window.open(`https://u.boe.com/pc/course/detail?id=${item}`)
|
|
||||||
}
|
|
||||||
},
|
|
||||||
},
|
|
||||||
}
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
|
||||||
.hot{
|
|
||||||
width: 100%;
|
|
||||||
// max-width: 1920px;
|
|
||||||
min-height: 100%;
|
|
||||||
// min-height: 1373px;
|
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center{
|
|
||||||
max-width: 1270px;
|
|
||||||
max-height: 700px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 22%;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
.item{
|
|
||||||
width: 610px;
|
|
||||||
height: 330px;
|
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
padding: 14px;
|
|
||||||
padding-top: 31px;
|
|
||||||
margin-bottom: 59px;
|
|
||||||
cursor: pointer;
|
|
||||||
.img{
|
|
||||||
width: 581px;
|
|
||||||
height: 283px;
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
/* 当窗口宽度大于3068px时的样式 */
|
|
||||||
}
|
|
||||||
@media (min-width: 3000px) {
|
|
||||||
.hot{
|
|
||||||
width: 100%;
|
|
||||||
// max-width: 1920px;
|
|
||||||
min-height: 100%;
|
|
||||||
// min-height: 1373px;
|
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center {
|
|
||||||
max-width: 2560px;
|
|
||||||
max-height: 1300px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 30vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 1220px;
|
|
||||||
height: 660px;
|
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
padding: 28px;
|
|
||||||
padding-top: 62px;
|
|
||||||
margin-bottom: 59px;
|
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 100%; // 图片宽度占满item宽度
|
|
||||||
height: auto; // 自动调整高度
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-height: 1500px) {
|
|
||||||
.hot{
|
|
||||||
width: 100%;
|
|
||||||
// max-width: 1920px;
|
|
||||||
min-height: 100%;
|
|
||||||
// min-height: 1373px;
|
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center {
|
|
||||||
max-width: 1068px;
|
|
||||||
max-height: 580px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 30vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 500px;
|
|
||||||
height: 271px;
|
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
padding: 14px;
|
|
||||||
padding-top: 26px;
|
|
||||||
margin-bottom: 30px;
|
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 100%; // 图片宽度占满item宽度
|
|
||||||
height: auto; // 自动调整高度
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@media (min-width: 1928px) and (max-width: 3000px) {
|
|
||||||
.hot{
|
|
||||||
width: 100%;
|
|
||||||
// max-width: 1920px;
|
|
||||||
min-height: 100%;
|
|
||||||
// min-height: 1373px;
|
|
||||||
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
|
||||||
background-size: 100% 100%;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
.center {
|
|
||||||
max-width: 1800px;
|
|
||||||
max-height: 1100px;
|
|
||||||
margin-bottom: 5%;
|
|
||||||
margin-top: 35vh;
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
|
|
||||||
.item {
|
|
||||||
width: 860px;
|
|
||||||
height: 466px;
|
|
||||||
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
|
||||||
background-size: 100%;
|
|
||||||
padding: 28px;
|
|
||||||
padding-top: 48px;
|
|
||||||
margin-bottom: 70px;
|
|
||||||
|
|
||||||
.img {
|
|
||||||
width: 100%; // 图片宽度占满item宽度
|
|
||||||
height: auto; // 自动调整高度
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,24 +1,7 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="hot25">
|
<div class="hot">
|
||||||
<div>
|
<div>
|
||||||
<div class="title25" style="">
|
<div class="center">
|
||||||
<img class="img" src="../../assets/images/hotforum/2025.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="center" style="margin-top: 60px;">
|
|
||||||
<div class="item" style="margin-right: 49px;">
|
|
||||||
<img class="img" @click="goLearn('1351506180295131136')" src="../../assets/images/hotforum/2501.jpg" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="item">
|
|
||||||
<img class="img" @click="goLearn('1375146833375027200')" src="../../assets/images/hotforum/2503.png" alt="">
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div class="line" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
|
|
||||||
<img class="img" src="../../assets/images/hotforum/line.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="title24" style="margin: 0 auto;margin-top: 60px;width: 100%;text-align: center;">
|
|
||||||
<img class="img" src="../../assets/images/hotforum/2024.png" alt="">
|
|
||||||
</div>
|
|
||||||
<div class="center" style="margin-top: 60px;">
|
|
||||||
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
<div class="item" :style="{marginRight:(i%2==0||i==0)?'49px':'0'}" v-for="item,i in imgData" :key="i">
|
||||||
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
<img class="img" @click="goLearn(item.url)" :src="require(`../../assets/images/hotforum/${item.img}.png`)" alt="">
|
||||||
</div>
|
</div>
|
||||||
@@ -28,12 +11,11 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "hotforumNew",
|
name: "hotforum",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
imgData:[
|
imgData:[
|
||||||
@@ -42,10 +24,6 @@
|
|||||||
{img:'003',url:'1280185851054231552'},
|
{img:'003',url:'1280185851054231552'},
|
||||||
{img:'04',url:'1321778585966247936'},
|
{img:'04',url:'1321778585966247936'},
|
||||||
],
|
],
|
||||||
imgData25:[
|
|
||||||
{img:'2501',url:'1351506180295131136'},
|
|
||||||
{img:'2503',url:'1375146833375027200'},
|
|
||||||
],
|
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
@@ -60,22 +38,20 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.hot25{
|
.hot{
|
||||||
width: 100%;
|
width: 100%;
|
||||||
// max-width: 1920px;
|
// max-width: 1920px;
|
||||||
min-height: 100%;
|
min-height: 100%;
|
||||||
// min-height: 1373px;
|
// min-height: 1373px;
|
||||||
background: url("../../assets/images/hotforum/back25.png") no-repeat;
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
background-size: cover;
|
background-size: 100% 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
.title25{
|
|
||||||
margin: 0 auto;margin-top: 100px;width: 100%;text-align: center;
|
|
||||||
}
|
|
||||||
.center{
|
.center{
|
||||||
max-width: 1270px;
|
max-width: 1270px;
|
||||||
max-height: 700px;
|
max-height: 700px;
|
||||||
margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
|
margin-top: 22%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
.item{
|
.item{
|
||||||
@@ -95,109 +71,109 @@
|
|||||||
}
|
}
|
||||||
/* 当窗口宽度大于3068px时的样式 */
|
/* 当窗口宽度大于3068px时的样式 */
|
||||||
}
|
}
|
||||||
// @media (min-width: 3000px) {
|
@media (min-width: 3000px) {
|
||||||
// .hot{
|
.hot{
|
||||||
// width: 100%;
|
width: 100%;
|
||||||
// // max-width: 1920px;
|
// max-width: 1920px;
|
||||||
// min-height: 100%;
|
min-height: 100%;
|
||||||
// // min-height: 1373px;
|
// min-height: 1373px;
|
||||||
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
// background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// justify-content: center;
|
justify-content: center;
|
||||||
// .center {
|
.center {
|
||||||
// max-width: 2560px;
|
max-width: 2560px;
|
||||||
// max-height: 1300px;
|
max-height: 1300px;
|
||||||
// margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
// margin-top: 30vh;
|
margin-top: 30vh;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
// .item {
|
.item {
|
||||||
// width: 1220px;
|
width: 1220px;
|
||||||
// height: 660px;
|
height: 660px;
|
||||||
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
// background-size: 100%;
|
background-size: 100%;
|
||||||
// padding: 28px;
|
padding: 28px;
|
||||||
// padding-top: 62px;
|
padding-top: 62px;
|
||||||
// margin-bottom: 59px;
|
margin-bottom: 59px;
|
||||||
|
|
||||||
// .img {
|
.img {
|
||||||
// width: 100%; // 图片宽度占满item宽度
|
width: 100%; // 图片宽度占满item宽度
|
||||||
// height: auto; // 自动调整高度
|
height: auto; // 自动调整高度
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// @media (min-height: 1500px) {
|
@media (min-height: 1500px) {
|
||||||
// .hot{
|
.hot{
|
||||||
// width: 100%;
|
width: 100%;
|
||||||
// // max-width: 1920px;
|
// max-width: 1920px;
|
||||||
// min-height: 100%;
|
min-height: 100%;
|
||||||
// // min-height: 1373px;
|
// min-height: 1373px;
|
||||||
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
// background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// justify-content: center;
|
justify-content: center;
|
||||||
// .center {
|
.center {
|
||||||
// max-width: 1068px;
|
max-width: 1068px;
|
||||||
// max-height: 580px;
|
max-height: 580px;
|
||||||
// margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
// margin-top: 30vh;
|
margin-top: 30vh;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
// .item {
|
.item {
|
||||||
// width: 500px;
|
width: 500px;
|
||||||
// height: 271px;
|
height: 271px;
|
||||||
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
// background-size: 100%;
|
background-size: 100%;
|
||||||
// padding: 14px;
|
padding: 14px;
|
||||||
// padding-top: 26px;
|
padding-top: 26px;
|
||||||
// margin-bottom: 30px;
|
margin-bottom: 30px;
|
||||||
|
|
||||||
// .img {
|
.img {
|
||||||
// width: 100%; // 图片宽度占满item宽度
|
width: 100%; // 图片宽度占满item宽度
|
||||||
// height: auto; // 自动调整高度
|
height: auto; // 自动调整高度
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// @media (min-width: 1928px) and (max-width: 3000px) {
|
@media (min-width: 1928px) and (max-width: 3000px) {
|
||||||
// .hot{
|
.hot{
|
||||||
// width: 100%;
|
width: 100%;
|
||||||
// // max-width: 1920px;
|
// max-width: 1920px;
|
||||||
// min-height: 100%;
|
min-height: 100%;
|
||||||
// // min-height: 1373px;
|
// min-height: 1373px;
|
||||||
// background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
background: url("../../assets/images/hotforum/back.jpg") no-repeat;
|
||||||
// background-size: 100% 100%;
|
background-size: 100% 100%;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// justify-content: center;
|
justify-content: center;
|
||||||
// .center {
|
.center {
|
||||||
// max-width: 1800px;
|
max-width: 1800px;
|
||||||
// max-height: 1100px;
|
max-height: 1100px;
|
||||||
// margin-bottom: 5%;
|
margin-bottom: 5%;
|
||||||
// margin-top: 35vh;
|
margin-top: 35vh;
|
||||||
// display: flex;
|
display: flex;
|
||||||
// flex-wrap: wrap;
|
flex-wrap: wrap;
|
||||||
|
|
||||||
// .item {
|
.item {
|
||||||
// width: 860px;
|
width: 860px;
|
||||||
// height: 466px;
|
height: 466px;
|
||||||
// background: url("../../assets/images/hotforum/border.png") no-repeat;
|
background: url("../../assets/images/hotforum/border.png") no-repeat;
|
||||||
// background-size: 100%;
|
background-size: 100%;
|
||||||
// padding: 28px;
|
padding: 28px;
|
||||||
// padding-top: 48px;
|
padding-top: 48px;
|
||||||
// margin-bottom: 70px;
|
margin-bottom: 70px;
|
||||||
|
|
||||||
// .img {
|
.img {
|
||||||
// width: 100%; // 图片宽度占满item宽度
|
width: 100%; // 图片宽度占满item宽度
|
||||||
// height: auto; // 自动调整高度
|
height: auto; // 自动调整高度
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
// }
|
}
|
||||||
</style>
|
</style>
|
||||||
|
|||||||
@@ -277,12 +277,15 @@
|
|||||||
<div class="teacher" v-for="(item, idx) in teachers" :key="idx">
|
<div class="teacher" v-for="(item, idx) in teachers" :key="idx">
|
||||||
<div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页">
|
<div class="teacher-avator" @click="toUserHome(item)" title="点击进入他的主页">
|
||||||
<!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
|
<!-- <div class="teacher-text" v-if="item.authorInfo.avatar == ''">{{userAvatarText(item.teacherName)}}</div> -->
|
||||||
<div v-if="item.authorInfo.avatar !== ''">
|
<div v-if="item.authorInfo && item.authorInfo.avatar">
|
||||||
<el-avatar :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
|
<el-avatar :src="fileBaseUrl + item.authorInfo.avatar" shape="circle" :size="50"></el-avatar>
|
||||||
</div>
|
</div>
|
||||||
|
<div v-else-if="item.photo">
|
||||||
|
<el-avatar :src="item.photo" shape="circle" :size="50"></el-avatar>
|
||||||
|
</div>
|
||||||
<div v-else class="teacher-text">
|
<div v-else class="teacher-text">
|
||||||
<div v-if="item.authorInfo.sex === 1 "><img src="../../../public/images/Avatarman.png" alt=""></div>
|
<div v-if="item.authorInfo && item.authorInfo.sex === 1"><img src="../../../public/images/Avatarwoman.png" alt=""></div>
|
||||||
<div v-else><img src="../../../public/images/Avatarwoman.png" alt=""></div>
|
<div v-else><img src="../../../public/images/Avatarman.png" alt=""></div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="teacher-info">
|
<div class="teacher-info">
|
||||||
|
|||||||
Reference in New Issue
Block a user