|
|
@@ -1,21 +1,23 @@
|
|
|
<template>
|
|
|
<div class="pb_content">
|
|
|
<div class="pb_content_body">
|
|
|
+ <div class="student_head">
|
|
|
+ <!-- <img src="../assets/banner.png" alt="" /> -->
|
|
|
+ <el-carousel trigger="click" style="width: 100%; height: 300px">
|
|
|
+ <el-carousel-item v-for="item in bannerList" :key="item.id">
|
|
|
+ <!-- <h3 class="small">{{ item }}</h3> -->
|
|
|
+ <img
|
|
|
+ class="imgS"
|
|
|
+ :src="item.poster"
|
|
|
+ alt=""
|
|
|
+ @click.stop="
|
|
|
+ goTo('/courseDetail?courseId=' + item.url + '&userid=' + userid)
|
|
|
+ "
|
|
|
+ />
|
|
|
+ </el-carousel-item>
|
|
|
+ </el-carousel>
|
|
|
+ </div>
|
|
|
<div class="body_student">
|
|
|
- <div class="student_head">
|
|
|
- <!-- <img src="../assets/banner.png" alt="" /> -->
|
|
|
- <el-carousel trigger="click" style="width: 100%; height: 300px">
|
|
|
- <el-carousel-item v-for="item in bannerList" :key="item.id">
|
|
|
- <!-- <h3 class="small">{{ item }}</h3> -->
|
|
|
- <img
|
|
|
- class="imgS"
|
|
|
- :src="item.poster"
|
|
|
- alt=""
|
|
|
- @click.stop="goTo('/courseDetail?courseId=' + item.url + '&userid=' + userid)"
|
|
|
- />
|
|
|
- </el-carousel-item>
|
|
|
- </el-carousel>
|
|
|
- </div>
|
|
|
<div class="student_body">
|
|
|
<div class="top">
|
|
|
<div :class="{ active: 0 == zoneListId }" @click="selectAll()">
|
|
|
@@ -30,7 +32,7 @@
|
|
|
{{ item.name }}
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div style="min-height: 800px">
|
|
|
+ <div>
|
|
|
<div class="main_box">
|
|
|
<div
|
|
|
class="box_course"
|
|
|
@@ -53,12 +55,23 @@
|
|
|
<div class="man">
|
|
|
<img src="../assets/people.png" alt="" />
|
|
|
</div>
|
|
|
- <div>{{ item.pNum != null && item.pNum != '' ? item.pNum : '0' }}人学习</div>
|
|
|
+ <div>
|
|
|
+ {{
|
|
|
+ item.pNum != null && item.pNum != "" ? item.pNum : "0"
|
|
|
+ }}人学习
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div
|
|
|
class="now_study"
|
|
|
- @click="goTo('/courseDetail?courseId=' + item.courseId + '&userid=' + userid)"
|
|
|
+ @click="
|
|
|
+ goTo(
|
|
|
+ '/courseDetail?courseId=' +
|
|
|
+ item.courseId +
|
|
|
+ '&userid=' +
|
|
|
+ userid
|
|
|
+ )
|
|
|
+ "
|
|
|
>
|
|
|
立即学习
|
|
|
</div>
|
|
|
@@ -83,7 +96,7 @@
|
|
|
layout="prev, pager, next"
|
|
|
:page-size="10"
|
|
|
:total="total"
|
|
|
- v-if=" page && zoneListId == 0"
|
|
|
+ v-if="page && zoneListId == 0"
|
|
|
@current-change="handleCurrentChange1"
|
|
|
>
|
|
|
</el-pagination>
|
|
|
@@ -199,7 +212,7 @@
|
|
|
created() {
|
|
|
this.getZone();
|
|
|
this.getBanner();
|
|
|
- document.scrollingElement.scrollTop = 0;
|
|
|
+ document.scrollingElement.scrollTop = 0;
|
|
|
},
|
|
|
};
|
|
|
</script>
|
|
|
@@ -268,7 +281,7 @@
|
|
|
flex-direction: column;
|
|
|
flex-wrap: nowrap;
|
|
|
margin: 0px 1% 20px;
|
|
|
- width: 23%;
|
|
|
+ width: 18%;
|
|
|
/*border: 1px solid #cecece; */
|
|
|
border-radius: 5px;
|
|
|
overflow: hidden;
|
|
|
@@ -292,12 +305,15 @@
|
|
|
width: 100%;
|
|
|
height: 40px;
|
|
|
color: #fff;
|
|
|
- background: #579ef5;
|
|
|
+ background: #86b8f5;
|
|
|
text-align: center;
|
|
|
line-height: 40px;
|
|
|
font-size: 13px;
|
|
|
cursor: pointer;
|
|
|
}
|
|
|
+ .now_study:hover {
|
|
|
+ background: #658eeb;
|
|
|
+ }
|
|
|
.main_box {
|
|
|
width: 100%;
|
|
|
display: flex;
|
|
|
@@ -316,15 +332,14 @@
|
|
|
height: 100%;
|
|
|
}
|
|
|
.body_student {
|
|
|
- margin: 10px auto;
|
|
|
- width: 98%;
|
|
|
- height: 100%;
|
|
|
-}
|
|
|
-.student_head {
|
|
|
- width: 100%;
|
|
|
- background: #fff;
|
|
|
- height: 30%;
|
|
|
-}
|
|
|
+ margin: 10px auto;
|
|
|
+ width: 98%;
|
|
|
+ height: 100%;
|
|
|
+ }
|
|
|
+ .student_head {
|
|
|
+ width: 100%;
|
|
|
+ height: 30%;
|
|
|
+ }
|
|
|
|
|
|
.textOverflow {
|
|
|
padding: 0 5px 0 0px;
|
lcw