提交 b796c904 authored 作者: 王鹏飞's avatar 王鹏飞

需求调整

上级 df51168b
module.exports = { module.exports = {
demain: 'dev.ezijing.com', demain: 'dev.ezijing.com',
url: 'https://transport2.ezijing.com/api', url: 'https://transport.ezijing.com/api',
// apiBaseURL: 'https://zy2.ezijing.com/', // apiBaseURL: 'https://zy2.ezijing.com/',
webpack: { webpack: {
externals: { externals: {
......
<template> <template>
<div class="course-item custom-class" :style="isOpen ? 'padding-bottom:0;' : ''"> <div class="course-item custom-class" :style="isOpen ? 'padding-bottom:0;' : ''">
<div class="course-item-top" @click="toggleChild"> <div class="course-item-top" @click="handleClick">
<div class="course-arrow" :class="isOpen ? 'course-arrow__up' : 'course-arrow__down'"></div> <div class="course-arrow" :class="isOpen ? 'course-arrow__up' : 'course-arrow__down'"></div>
<img class="course-item-pic" :src="data.photo" v-if="data.photo" /> <img class="course-item-pic" :src="data.photo" v-if="data.photo" />
<div class="course-item-content"> <div class="course-item-content">
<div class="course-item__title">{{ data.title }}</div> <div class="course-item__title">{{ data.title }}</div>
<div class="course-item__tools"> <div class="course-item__tools">
<div> <div>
<div <div class="course-item__text course-item__text__freevideo">{{ data.free_video_num }}个免费视频</div>
class="course-item__text course-item__text__freevideo"
>{{ data.free_video_num }}个免费视频</div>
</div> </div>
<div class="course-item__text course-item__text__video">{{ data.video_num }}节视频课</div> <div class="course-item__text course-item__text__video">{{ data.video_num }}节视频课</div>
<div class="course-item__text course-item__text__course">{{ data.course_num }}节课</div> <!-- <div class="course-item__text course-item__text__course">{{ data.course_num }}节课</div> -->
</div> </div>
</div> </div>
</div> </div>
<div class="course-item-bottom" v-show="isOpen"> <div class="course-item-bottom" v-show="isOpen">
<div class="course-child" v-for="item in data.child" :key="item.id" @click="onClick(item)"> <div class="course-child" v-for="item in data.child" :key="item.id" @click="onClick(item)">
<div class="name">{{item.course_name}}</div> <div class="name">{{ item.course_name }}</div>
<div class="progress" v-if="showProgress">{{item.video_progress | progressText}}</div> <div class="progress" v-if="showProgress">{{ item.video_progress | progressText }}</div>
</div> </div>
</div> </div>
</div> </div>
...@@ -55,6 +53,12 @@ export default { ...@@ -55,6 +53,12 @@ export default {
}, },
onClick(data) { onClick(data) {
this.$emit('on-click', data) this.$emit('on-click', data)
},
handleClick() {
const [first] = this.data.child || []
if (first) {
this.$emit('on-click', first)
}
} }
} }
} }
......
<template> <template>
<div class="main-container" v-if="loaded"> <div class="main-container" v-if="loaded">
<div class="course-title">{{detail.course_name}}</div> <div class="course-title">{{ detail.course_name }}</div>
<van-tabs <van-tabs
class="main-tabs" class="main-tabs"
v-model="tabActive" v-model="tabActive"
...@@ -16,7 +16,7 @@ ...@@ -16,7 +16,7 @@
</template> </template>
<van-empty description="暂无内容" v-else /> <van-empty description="暂无内容" v-else />
</van-tab> </van-tab>
<van-tab title="按考点学习"> <van-tab title="按考点学习" v-if="false">
<div class="tab-content"> <div class="tab-content">
<course-tag :courseId="courseId"></course-tag> <course-tag :courseId="courseId"></course-tag>
</div> </div>
...@@ -98,4 +98,7 @@ export default { ...@@ -98,4 +98,7 @@ export default {
background: #eee; background: #eee;
padding: 0.4rem; padding: 0.4rem;
} }
::v-deep .van-tab {
flex: none;
}
</style> </style>
Markdown 格式
0%
您添加了 0 到此讨论。请谨慎行事。
请先完成此评论的编辑!
注册 或者 后发表评论