视频播放
This commit is contained in:
@@ -1,8 +1,5 @@
|
||||
<template>
|
||||
<view
|
||||
class="container commonPageBox"
|
||||
style="background-color: #f5f5f5 !important"
|
||||
>
|
||||
<view class="container commonPageBox">
|
||||
<!-- 公共组件-每个页面必须引入 -->
|
||||
<public-module></public-module>
|
||||
<z-nav-bar
|
||||
@@ -18,6 +15,7 @@
|
||||
}rpx) !important;`"
|
||||
>
|
||||
<common-list
|
||||
:isNoIcon="true"
|
||||
noDataIcon="data"
|
||||
:isCondition="true"
|
||||
:isLoadingHide="isLoadingHide"
|
||||
@@ -28,28 +26,106 @@
|
||||
label="title"
|
||||
>
|
||||
<template slot="labelSlot" slot-scope="slotProps">
|
||||
<image
|
||||
v-if="slotProps.row.image"
|
||||
:src="slotProps.row.image"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
<image
|
||||
v-else
|
||||
src="@/static/icon/videoIcon.png"
|
||||
mode="aspectFil"
|
||||
class="book_image"
|
||||
></image>
|
||||
<view
|
||||
class="related_courses_name hidden1"
|
||||
:style="`${slotProps.row.buy ? 'color:#43A181' : ''}`"
|
||||
>{{ slotProps.row.title }}</view
|
||||
<view class="feng">
|
||||
<image
|
||||
v-if="slotProps.row.image"
|
||||
:src="slotProps.row.image"
|
||||
mode="aspectFit"
|
||||
class="book_image"
|
||||
></image>
|
||||
<view
|
||||
v-else
|
||||
style="
|
||||
color: #c0c4cc;
|
||||
font-size: 22rpx;
|
||||
line-height: 160rpx;
|
||||
text-align: center;
|
||||
"
|
||||
>暂无封面图</view
|
||||
></view
|
||||
>
|
||||
<view class="cate_right">
|
||||
<view
|
||||
class="related_courses_name hidden1"
|
||||
:style="`${slotProps.row.buy ? 'color:#43A181' : ''}`"
|
||||
>{{ slotProps.row.title }}</view
|
||||
>
|
||||
|
||||
<view class="curriculum_tag_info_box">
|
||||
<view v-for="(v, i) in slotProps.row.courseCatalogueEntityList">
|
||||
<u-tag
|
||||
v-if="v.isBuy == 1"
|
||||
style="margin-right: 10rpx"
|
||||
:text="v.title"
|
||||
bgColor="#43A181"
|
||||
borderColor="#43A181"
|
||||
size="mini"
|
||||
type="success"
|
||||
class="curriculum_tag"
|
||||
></u-tag>
|
||||
<u-tag
|
||||
v-else
|
||||
style="margin-right: 10rpx"
|
||||
:text="v.title"
|
||||
size="mini"
|
||||
color="#969696"
|
||||
borderColor="#969696"
|
||||
plain
|
||||
class="curriculum_tag"
|
||||
></u-tag>
|
||||
</view>
|
||||
</view>
|
||||
<view
|
||||
class="curriculum_tag_info_box price_box"
|
||||
v-if="
|
||||
slotProps.row.courseCatalogueEntityList[0].halfFee == 0 &&
|
||||
slotProps.row.courseCatalogueEntityList[0].fee == 0
|
||||
"
|
||||
>
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
>
|
||||
<text style="font-size: 20rpx">免费</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="curriculum_tag_info_box price_box" v-else>
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
>
|
||||
<text style="font-size: 20rpx">￥</text>
|
||||
{{ slotProps.row.courseCatalogueEntityList[0].halfFee }}
|
||||
<text style="color: #c0c4cc; margin: 0 10rpx"> / </text>
|
||||
</view>
|
||||
|
||||
<view
|
||||
style="
|
||||
line-height: 58rpx;
|
||||
color: #333;
|
||||
font-size: 26rpx;
|
||||
font-weight: 700;
|
||||
"
|
||||
>
|
||||
<text style="font-size: 20rpx">￥</text>
|
||||
{{ slotProps.row.courseCatalogueEntityList[0].fee }}</view
|
||||
>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
|
||||
</template>
|
||||
</common-list>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</template>
|
||||
|
||||
@@ -64,6 +140,7 @@ export default {
|
||||
data() {
|
||||
return {
|
||||
isLoadingHide: false,
|
||||
|
||||
playData: {},
|
||||
options: {},
|
||||
searchValue: "",
|
||||
@@ -341,7 +418,7 @@ export default {
|
||||
this.searchList = [];
|
||||
this.showSearchList = false;
|
||||
// if (index != 2) {
|
||||
await this.getTowCateList(type);
|
||||
// await this.getTowCateList(type);
|
||||
|
||||
// uni.createSelectorQuery().select('.oneCateList').boundingClientRect(function (rect) {
|
||||
// var height = rect.height
|
||||
@@ -513,7 +590,7 @@ export default {
|
||||
// console.log(res, '脉穴分类获取成功')
|
||||
// if (res.code == 0 && res.list.length > 0) {
|
||||
// this.oneCateList = res.list
|
||||
this.getTowCateList(this.oneCateList[0].type);
|
||||
// this.getTowCateList(this.oneCateList[0].type);
|
||||
// } else {
|
||||
// this.oneCateList = []
|
||||
// }
|
||||
@@ -634,7 +711,6 @@ export default {
|
||||
|
||||
.searchList {
|
||||
.item {
|
||||
|
||||
font-size: 28rpx;
|
||||
padding: 20rpx;
|
||||
border-bottom: 1px solid #dadbde;
|
||||
@@ -683,11 +759,12 @@ export default {
|
||||
// min-height: 100% !important;
|
||||
}
|
||||
.related_courses_name {
|
||||
display: inline-block;
|
||||
float: left;
|
||||
width: 100%;
|
||||
// display: inline-block;
|
||||
// float: left;
|
||||
line-height: 60rpx;
|
||||
width: calc(100% - 90rpx) !important;
|
||||
padding-left: 20rpx;
|
||||
// width: calc(100% - 90rpx) !important;
|
||||
// padding-left: 20rpx;
|
||||
font-weight: 700;
|
||||
.aui-text-danger {
|
||||
display: inline-block;
|
||||
@@ -695,13 +772,65 @@ export default {
|
||||
}
|
||||
}
|
||||
.book_image {
|
||||
width: 80rpx;
|
||||
height: 60rpx;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
float: left;
|
||||
}
|
||||
/deep/.list_item {
|
||||
border-radius: 20rpx;
|
||||
|
||||
margin-bottom: 40rpx;
|
||||
background: rgba(255, 255, 255, 0.85) !important;
|
||||
box-shadow: 0px 0px 3px 0px rgba(0, 82, 79, 0.2) !important;
|
||||
.rightArrow {
|
||||
margin-top: 10rpx !important;
|
||||
margin-top: 0rpx !important;
|
||||
}
|
||||
.titleItem {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
}
|
||||
|
||||
// /deep/.list_item :nth-child(2n-1) {
|
||||
// background: rgba(255, 255, 255, 0.85) !important;
|
||||
// }
|
||||
.feng {
|
||||
background-color: #f5f5f5;
|
||||
margin: 0rpx 22rpx 0 0;
|
||||
height: 160rpx !important;
|
||||
width: 240rpx !important;
|
||||
float: left;
|
||||
border-radius: 14rpx;
|
||||
|
||||
// border: 1rpx solid #e9e9e9;
|
||||
}
|
||||
.cate_right {
|
||||
width: calc(100% - 260rpx);
|
||||
float: right;
|
||||
}
|
||||
.commonPageBox {
|
||||
background-image: #edf6f5ad !important;
|
||||
}
|
||||
/deep/.uni-scroll-view-content {
|
||||
box-sizing: border-box !important;
|
||||
padding: 20rpx !important;
|
||||
}
|
||||
.curriculum_tag {
|
||||
// width: 140rpx !important;
|
||||
text-align: center;
|
||||
display: inline-block;
|
||||
}
|
||||
.curriculum_tag_info_box {
|
||||
width: 100%;
|
||||
margin-top: 1cqi;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
.price_box {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
margin-top: 0rpx;
|
||||
// justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
|
||||
Reference in New Issue
Block a user