|
@@ -1,14 +1,15 @@
|
1
|
1
|
<template>
|
2
|
|
- <div class="mainPage flex-v">
|
|
2
|
+ <div class="mainPage flex-v" v-if="showPage">
|
3
|
3
|
<div class="flex-item">
|
4
|
4
|
<div class="content">
|
5
|
5
|
<div class="banner">
|
6
|
6
|
<div class="scrollImg">
|
7
|
|
- <swiper :options="swiperOption" ref="mySwiper">
|
|
7
|
+ <img :src='courseDetail.CourseImgs? courseDetail.CourseImgs[0].ImgUrl : ""' class="cover" alt="">
|
|
8
|
+ <!-- <swiper :options="swiperOption" ref="mySwiper">
|
8
|
9
|
<swiper-slide class="swiper-slide" v-for="(item,index) in courseDetail.CourseImgs" :key="index">
|
9
|
10
|
<img :src='item.ImgUrl' class="cover" alt="">
|
10
|
11
|
</swiper-slide>
|
11
|
|
- </swiper>
|
|
12
|
+ </swiper> -->
|
12
|
13
|
</div>
|
13
|
14
|
<div>
|
14
|
15
|
<span>{{courseDetail.CourseName}}</span>
|
|
@@ -26,7 +27,7 @@
|
26
|
27
|
<ul :class="{'show':showMoreCourse}">
|
27
|
28
|
<li v-for="(item,index) in courseTimeList" :key="index">{{returnCourseTime(item.BeginDate,item.EndDate)}}</li>
|
28
|
29
|
</ul>
|
29
|
|
- <a class="moreCourse" @click="triggerCourseTime">
|
|
30
|
+ <a class="moreCourse" @click="triggerCourseTime" v-if="courseTimeList.length>4">
|
30
|
31
|
{{showMoreCourse ? '收起' : '更多'}}
|
31
|
32
|
<i v-if="!showMoreCourse" class="iconfont icon-jiantou-down"></i>
|
32
|
33
|
<i v-if="showMoreCourse" class="iconfont icon-jiantou-up"></i>
|
|
@@ -55,6 +56,12 @@
|
55
|
56
|
</div>
|
56
|
57
|
</div>
|
57
|
58
|
</div>
|
|
59
|
+ <div class="subContent address">
|
|
60
|
+ <h5 style="padding-bottom:.1rem">课程详情</h5>
|
|
61
|
+ <div class="flex-l" style="margin: 0 .26rem">
|
|
62
|
+ <img :src="item.ImgUrl" alt="" width="100%" v-for="(item,index) in detailImage" :key="index">
|
|
63
|
+ </div>
|
|
64
|
+ </div>
|
58
|
65
|
</div>
|
59
|
66
|
</div>
|
60
|
67
|
<div class="flex-h">
|
|
@@ -64,7 +71,7 @@
|
64
|
71
|
<span>优惠券体验</span>
|
65
|
72
|
</div>
|
66
|
73
|
</div>
|
67
|
|
- <a @click="toBuy" :class="{gray:gray}">去购买</a>
|
|
74
|
+ <a @click="toBuy" :class="{gray: gray}">去购买</a>
|
68
|
75
|
</div>
|
69
|
76
|
</div>
|
70
|
77
|
</template>
|
|
@@ -92,6 +99,8 @@ export default {
|
92
|
99
|
},
|
93
|
100
|
showMoreCourse: false, // 显隐更多课程时间
|
94
|
101
|
courseTimeList: [], // 课程时间
|
|
102
|
+ detailImage: [],
|
|
103
|
+ showPage: false
|
95
|
104
|
}
|
96
|
105
|
},
|
97
|
106
|
computed: {
|
|
@@ -120,6 +129,11 @@ export default {
|
120
|
129
|
if (arr === null) {
|
121
|
130
|
arr = []
|
122
|
131
|
}
|
|
132
|
+ this.courseDetail.CourseImgs = this.courseDetail.CourseImgs || []
|
|
133
|
+ if (this.courseDetail.CourseImgs.length > 0) {
|
|
134
|
+ this.detailImage = this.courseDetail.CourseImgs.slice(1)
|
|
135
|
+ }
|
|
136
|
+ console.log(this.detailImage)
|
123
|
137
|
this.courseTimeList = arr.sort(function (a, b) { return new Date(a.BeginDate).getTime() > new Date(b.BeginDate).getTime() ? 1 : -1 })
|
124
|
138
|
let nowDate = Date.now()
|
125
|
139
|
let endData = new Date(this.courseDetail.CourseDetail[0].EndDate).getTime()
|
|
@@ -127,6 +141,7 @@ export default {
|
127
|
141
|
this.gray = true
|
128
|
142
|
}
|
129
|
143
|
// console.log(JSON.stringify(res))
|
|
144
|
+ this.showPage = true
|
130
|
145
|
})
|
131
|
146
|
},
|
132
|
147
|
methods: {
|