Compare commits
8 Commits
master-062
...
250702-bug
| Author | SHA1 | Date | |
|---|---|---|---|
|
|
7eefffed0f | ||
|
|
12c1bdb1a8 | ||
|
|
df0e1ad0ed | ||
|
|
ea54ea2c20 | ||
|
|
5fe9d2eb96 | ||
|
|
b6562e5c9c | ||
|
|
a0dcd27f8c | ||
|
|
8bc2bc96a8 |
BIN
src/assets/images/hotforum/2024.png
Normal file
|
After Width: | Height: | Size: 84 KiB |
BIN
src/assets/images/hotforum/2025.png
Normal file
|
After Width: | Height: | Size: 111 KiB |
BIN
src/assets/images/hotforum/2501.jpg
Normal file
|
After Width: | Height: | Size: 33 KiB |
BIN
src/assets/images/hotforum/2502.png
Normal file
|
After Width: | Height: | Size: 244 KiB |
BIN
src/assets/images/hotforum/2503.png
Normal file
|
After Width: | Height: | Size: 186 KiB |
BIN
src/assets/images/hotforum/back25.png
Normal file
|
After Width: | Height: | Size: 1.4 MiB |
BIN
src/assets/images/hotforum/line.png
Normal file
|
After Width: | Height: | Size: 3.0 KiB |
@@ -624,8 +624,12 @@ export default {
|
|||||||
// if(item.minute){
|
// if(item.minute){
|
||||||
// item.duration=parseFloat(item.minute)*60;
|
// item.duration=parseFloat(item.minute)*60;
|
||||||
// }
|
// }
|
||||||
// 如果没有给一个默认值30分钟
|
// 视频文件才可以设置时长,其他类型直接赋值0
|
||||||
item.duration = item.minute ? parseFloat(item.minute) * 60 : 1800;
|
if (item.fileType === 'mp4' || item.fileType === 'mp3') {
|
||||||
|
item.duration = item.minute ? parseFloat(item.minute) * 60 : 0;
|
||||||
|
} else {
|
||||||
|
item.duration = 0;
|
||||||
|
}
|
||||||
});
|
});
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
coueseFile.batchUpdate(this.fileList).then(rs => {
|
coueseFile.batchUpdate(this.fileList).then(rs => {
|
||||||
|
|||||||
@@ -954,7 +954,7 @@ export default {
|
|||||||
},
|
},
|
||||||
findPapers() {
|
findPapers() {
|
||||||
let params={
|
let params={
|
||||||
pageSize:200,
|
pageSize:10000,
|
||||||
name:''
|
name:''
|
||||||
}
|
}
|
||||||
apiPaper.querypaper(params).then((res) => {
|
apiPaper.querypaper(params).then((res) => {
|
||||||
|
|||||||
179
src/views/hotforum/Index-bak.vue
Normal file
@@ -0,0 +1,179 @@
|
|||||||
|
<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,7 +1,24 @@
|
|||||||
<template>
|
<template>
|
||||||
<div class="hot">
|
<div class="hot25">
|
||||||
<div>
|
<div>
|
||||||
<div class="center">
|
<div class="title25" style="">
|
||||||
|
<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>
|
||||||
@@ -11,11 +28,12 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script>
|
<script>
|
||||||
export default {
|
export default {
|
||||||
name: "hotforum",
|
name: "hotforumNew",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
imgData:[
|
imgData:[
|
||||||
@@ -24,6 +42,10 @@
|
|||||||
{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: {
|
||||||
@@ -38,20 +60,22 @@
|
|||||||
</script>
|
</script>
|
||||||
|
|
||||||
<style lang="scss" scoped>
|
<style lang="scss" scoped>
|
||||||
.hot{
|
.hot25{
|
||||||
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/back25.png") no-repeat;
|
||||||
background-size: 100% 100%;
|
background-size: cover;
|
||||||
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{
|
||||||
@@ -71,109 +95,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>
|
||||||
|
|||||||