|
@@ -5,17 +5,18 @@
|
|
|
<p class="fl">推荐课程</p>
|
|
|
</div>
|
|
|
|
|
|
- <el-row class=" mt20">
|
|
|
- <el-col :span="6" v-for="item in typeList" :key="item.id" v-if="item.isOpen">
|
|
|
- <el-button :type="item.name!=type?'primary':'warning'" class="p20 w200"
|
|
|
+ <el-row class="mt20">
|
|
|
+ <span :span="3" v-for="item in typeList" :key="item.id" >
|
|
|
+ <el-button type="text" :style="{'color':item.name!=type?'blue':'orange','font-size':'14px'}" class="p20"
|
|
|
+ style="border:1px solid;width: 200px;margin: 0px 8px 8px 0px"
|
|
|
@click="type=item.name">
|
|
|
{{item.name}}
|
|
|
</el-button>
|
|
|
- </el-col>
|
|
|
+ </span>
|
|
|
</el-row>
|
|
|
|
|
|
- <ul class="m-course-list clear mt10 classlist" v-if="total>0">
|
|
|
- <li v-for="(item,index) in list" :key="item.course_id" class="pt-sola mt20">
|
|
|
+ <ul class="m-course-list clear mt10 classlist" v-if="total>0" >
|
|
|
+ <li v-for="(item,index) in list" :key="item.course_id" class="pt-sola mt20" style="background-color: ghostwhite;border-radius: 5px;">
|
|
|
<div>
|
|
|
<div class="tit"><a>{{item.name}}</a></div>
|
|
|
<div class="info">
|
|
@@ -33,7 +34,7 @@
|
|
|
</p>
|
|
|
</div>
|
|
|
<div class="tc pt20 clear">
|
|
|
- <el-button @click="gotoPlay(item.course_id)" v-if="item.is_pay==1" class="ui-btn">进入学习</el-button>
|
|
|
+ <el-button @click="gotoPlay(item.course_id)" v-if="item.is_pay==1" class="ui-btn" type="primary">进入学习</el-button>
|
|
|
<el-button @click="goPay(index)" v-else-if="item.is_pay==2 || !!item.buyImg" class="ui-btn btn-o">补充材料</el-button>
|
|
|
<el-button @click="goPay(index)" v-else class="ui-btn btn-o">购买课程</el-button>
|
|
|
</div>
|