...
|
...
|
@@ -4,7 +4,7 @@ |
|
|
|
|
|
<view v-if="nosee==false">
|
|
|
<view class="videotopimg" v-if="shwovideo==false" @click="playvideo">
|
|
|
<image :src="coursetail.video.cover" mode=""></image>
|
|
|
<image :src="coursetail.cover" mode=""></image>
|
|
|
|
|
|
<image src="../../image/tailvideo.png" class="tailtn"></image>
|
|
|
</view>
|
...
|
...
|
@@ -16,7 +16,7 @@ |
|
|
</view>
|
|
|
<view v-else>
|
|
|
<view class="videotopimg" @click="playvideo">
|
|
|
<image :src="coursetail.video.cover" mode=""></image>
|
|
|
<image :src="coursetail.cover" mode=""></image>
|
|
|
|
|
|
<image src="../../image/tailvideo.png" class="tailtn"></image>
|
|
|
</view>
|
...
|
...
|
@@ -65,12 +65,10 @@ |
|
|
<!-- 详情 -->
|
|
|
<view class='qizhidetail' v-if="selcourse==1">
|
|
|
<view class='nodata' v-if="content==''">赞无数据</view>
|
|
|
<view v-else>
|
|
|
|
|
|
<view class="textcontent" v-else>
|
|
|
<rich-text :nodes="content"></rich-text>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
<!-- 目录 -->
|
|
|
<view class="qizhicontent" v-if="selcourse==2">
|
|
|
<view class="qizhicontentitem flex" v-for="(item,index) in mululist" :key="index">
|
...
|
...
|
@@ -97,9 +95,6 @@ |
|
|
</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
|
<!-- 老师 -->
|
...
|
...
|
@@ -122,176 +117,46 @@ |
|
|
</view>
|
|
|
<!-- 评价 -->
|
|
|
<view class="commentbox" v-if="selcourse==4">
|
|
|
<view class="commentboxitem">
|
|
|
<view class="teachboxhead comhead">
|
|
|
<view class='commentboxleft flex'>
|
|
|
<view class='teachheadimg'>
|
|
|
<image src="../../image/xinpin.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class='teachboxright'>
|
|
|
<view class='teachheadname'>王长友</view>
|
|
|
<view class="commentdate">2019/10/10</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="starright flexone">
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="commentboxtext">
|
|
|
老师讲的很全面,很棒,都是多年的经验,值得学习!必须五星好评!
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="commentboxitem">
|
|
|
<view class="teachboxhead comhead">
|
|
|
<view class='commentboxleft flex'>
|
|
|
<view class='teachheadimg'>
|
|
|
<image src="../../image/xinpin.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class='teachboxright'>
|
|
|
<view class='teachheadname'>王长友</view>
|
|
|
<view class="commentdate">2019/10/10</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="starright flexone">
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="commentboxtext">
|
|
|
老师讲的很全面,很棒,都是多年的经验,值得学习!必须五星好评!
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="commentboxitem">
|
|
|
<view class="teachboxhead comhead">
|
|
|
<view class='commentboxleft flex'>
|
|
|
<view class='teachheadimg'>
|
|
|
<image src="../../image/xinpin.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class='teachboxright'>
|
|
|
<view class='teachheadname'>王长友</view>
|
|
|
<view class="commentdate">2019/10/10</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="starright flexone">
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="commentboxtext">
|
|
|
老师讲的很全面,很棒,都是多年的经验,值得学习!必须五星好评!
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="commentboxitem">
|
|
|
<view class="teachboxhead comhead">
|
|
|
<view class='commentboxleft flex'>
|
|
|
<view class='teachheadimg'>
|
|
|
<image src="../../image/xinpin.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class='teachboxright'>
|
|
|
<view class='teachheadname'>王长友</view>
|
|
|
<view class="commentdate">2019/10/10</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="starright flexone">
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="commentboxtext">
|
|
|
老师讲的很全面,很棒,都是多年的经验,值得学习!必须五星好评!
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="commentboxitem">
|
|
|
<view class="commentboxitem" v-for="(item,index) in commentlist" :key="index">
|
|
|
<view class="teachboxhead comhead">
|
|
|
<view class='commentboxleft flex'>
|
|
|
<view class='teachheadimg'>
|
|
|
<image src="../../image/xinpin.png" mode=""></image>
|
|
|
<image :src="item.user.image" mode=""></image>
|
|
|
</view>
|
|
|
<view class='teachboxright'>
|
|
|
<view class='teachheadname'>王长友</view>
|
|
|
<view class="commentdate">2019/10/10</view>
|
|
|
<view class='teachheadname'>{{item.user.nickname}}</view>
|
|
|
<view class="commentdate">{{item.createtime}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<view class="starright flexone">
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
<image src="../../static/xingxinbg_Icon@2x.png" mode="" v-if="item.star>=1"></image>
|
|
|
<image src="../../static/xingxing_icon@2x.png" mode="" v-else></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
</view>
|
|
|
<image src="../../static/xingxinbg_Icon@2x.png" mode="" v-if="item.star>=2"></image>
|
|
|
<image src="../../static/xingxing_icon@2x.png" mode="" v-else></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
<image src="../../static/xingxinbg_Icon@2x.png" mode="" v-if="item.star>=3"></image>
|
|
|
<image src="../../static/xingxing_icon@2x.png" mode="" v-else></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
<image src="../../static/xingxinbg_Icon@2x.png" mode="" v-if="item.star>=4"></image>
|
|
|
<image src="../../static/xingxing_icon@2x.png" mode="" v-else></image>
|
|
|
</view>
|
|
|
<view class="staritemimg">
|
|
|
<image src="../../image/shixing.png" mode=""></image>
|
|
|
<image src="../../static/xingxinbg_Icon@2x.png" mode="" v-if="item.star>=5"></image>
|
|
|
<image src="../../static/xingxing_icon@2x.png" mode="" v-else></image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
<view class="commentboxtext">
|
|
|
老师讲的很全面,很棒,都是多年的经验,值得学习!必须五星好评!
|
|
|
{{item.content}}
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
|
|
|
|
...
|
...
|
@@ -370,6 +235,7 @@ |
|
|
|
|
|
<script>
|
|
|
import app from "../../App.vue";
|
|
|
import {Toast} from "../../utils/Toast.js"
|
|
|
var that
|
|
|
export default {
|
|
|
data() {
|
...
|
...
|
@@ -391,7 +257,9 @@ |
|
|
teacherinfo:'',
|
|
|
shwovideo:false,
|
|
|
nosee:false,//不能再看视频
|
|
|
videourl:''
|
|
|
videourl:'',
|
|
|
commentlist:[],//评论列表
|
|
|
showpull:true
|
|
|
|
|
|
}
|
|
|
},
|
...
|
...
|
@@ -401,14 +269,22 @@ |
|
|
this.getuser()
|
|
|
// 获取课程详情
|
|
|
this.getcoursedetail();
|
|
|
// 获取课程目录
|
|
|
this.getmulu();
|
|
|
// 获取老师信息
|
|
|
this.getteacherinfo()
|
|
|
// 获取评价
|
|
|
// this.getcomment();
|
|
|
|
|
|
|
|
|
},
|
|
|
onReachBottom() {
|
|
|
that=this
|
|
|
let newpage=that.page;
|
|
|
newpage++
|
|
|
that.page=newpage;
|
|
|
if(that.showpull==false){
|
|
|
console.log(38493409)
|
|
|
Toast('没有更多了~')
|
|
|
}else{
|
|
|
that.getcomment()
|
|
|
}
|
|
|
},
|
|
|
|
|
|
onReady: function (res) {
|
|
|
this.videoContext = uni.createVideoContext('myVideo')
|
|
|
},
|
...
|
...
|
@@ -449,7 +325,6 @@ |
|
|
|
|
|
})
|
|
|
},
|
|
|
|
|
|
// 获取规格
|
|
|
getguige() {
|
|
|
let that = this;
|
...
|
...
|
@@ -468,8 +343,7 @@ |
|
|
value.sel=false
|
|
|
}
|
|
|
})
|
|
|
|
|
|
that.specarr=that.specarr;
|
|
|
that.specarr=that.specarr;
|
|
|
that.spec_id=r.data[0].id;
|
|
|
that.currentprice=r.data[0].current_price;
|
|
|
that.oldprice=r.data[0].original_price
|
...
|
...
|
@@ -477,6 +351,7 @@ |
|
|
console.log(err);
|
|
|
})
|
|
|
},
|
|
|
// 选择规格
|
|
|
selsepc(index,id){
|
|
|
let that=this;
|
|
|
that.specarr.forEach(function(value,index,array){
|
...
|
...
|
@@ -519,6 +394,20 @@ |
|
|
// 选择课程
|
|
|
seltab(id) {
|
|
|
this.selcourse = id;
|
|
|
if(id==1){
|
|
|
this.getcoursedetail()
|
|
|
}else if(id==2){
|
|
|
// 获取课程目录
|
|
|
this.getmulu();
|
|
|
}else if(id==3){
|
|
|
// 获取老师信息
|
|
|
this.getteacherinfo()
|
|
|
}else if(id==4){
|
|
|
// 获取评价
|
|
|
this.getcomment();
|
|
|
}
|
|
|
|
|
|
|
|
|
},
|
|
|
// 富文本验证
|
|
|
text(details) {
|
...
|
...
|
@@ -558,7 +447,6 @@ |
|
|
details = details.substring(details.indexOf('style="') + 7); //style后面的内容拼接
|
|
|
|
|
|
} else {
|
|
|
|
|
|
texts += ' style="max-width:100%;height:auto;margin:0 auto;" ';
|
|
|
|
|
|
}
|
...
|
...
|
@@ -590,7 +478,6 @@ |
|
|
|
|
|
})
|
|
|
},
|
|
|
|
|
|
// 播放视频
|
|
|
playvideo(){
|
|
|
console.log(389894389)
|
...
|
...
|
@@ -659,8 +546,6 @@ |
|
|
app.post(url, param, 'get').then(r => {
|
|
|
console.log(r);
|
|
|
that.teacherinfo=r.data
|
|
|
|
|
|
|
|
|
}).catch(err => {
|
|
|
console.log(err);
|
|
|
|
...
|
...
|
@@ -678,7 +563,13 @@ |
|
|
console.log('8888', param)
|
|
|
app.post(url, param, 'get').then(r => {
|
|
|
console.log(r);
|
|
|
that.mululist=r.data
|
|
|
that.commentlist=that.commentlist.concat(r.data.list);
|
|
|
if(that.page>1){
|
|
|
if(r.data.list.length==0){
|
|
|
that.showpull=false
|
|
|
}
|
|
|
}
|
|
|
|
|
|
|
|
|
}).catch(err => {
|
|
|
console.log(err);
|
...
|
...
|
@@ -710,7 +601,6 @@ |
|
|
right: 0;
|
|
|
|
|
|
}
|
|
|
|
|
|
.kefubtn {
|
|
|
width: 68rpx;
|
|
|
height: 68rpx;
|
...
|
...
|
@@ -721,5 +611,11 @@ |
|
|
width:100%;
|
|
|
margin-top:var(--status-bar-height);
|
|
|
}
|
|
|
.textcontent{
|
|
|
color:#333;
|
|
|
font-size: 28rpx;
|
|
|
word-wrap: break-word;
|
|
|
}
|
|
|
|
|
|
|
|
|
</style> |
...
|
...
|
|