feat: 集成edu-core模块并重构课程详情页视频播放
- 添加edu-core本地依赖,用于视频播放组件 - 重构课程详情页,使用CourseVideo组件替换原有视频播放逻辑 - 优化课程列表页布局和样式,修复边框单位问题 - 更新manifest.json支持多方向屏幕旋转
This commit is contained in:
@@ -58,35 +58,36 @@
|
||||
<text style="font-weight: blod" class="catalogue_title">{{ slotProps.data.title }}</text>
|
||||
</view>
|
||||
</view>
|
||||
<view class="not_purchased" v-if="slotProps.data.type != 0&&!showNewPayBtn[slotProps.index].status">
|
||||
<view>
|
||||
<view style="display: flex; align-items: center;">
|
||||
<view v-if="slotProps.data.type != 0&&!showNewPayBtn[slotProps.index].status" class="not_purchased">
|
||||
<view v-if="!userVip">
|
||||
<text v-if="slotProps.data.isBuy!=1">未购买</text>
|
||||
<view v-if="slotProps.data.isBuy==1">
|
||||
<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到:<br/>{{slotProps.data.endTime}} </text>
|
||||
<text v-if="slotProps.data.endTime" style=" width: 300rpx; margin: 0;">课程有效期截止到:<br/>{{slotProps.data.endTime}}111</text>
|
||||
<text v-else>已购买</text>
|
||||
</view>
|
||||
</view>
|
||||
<view v-else>
|
||||
<view v-if="slotProps.data.isBuy==1">
|
||||
<text v-if="slotProps.data.endTime" style=" width: 280rpx; margin: 0;">课程有效期截止到:<br/>{{slotProps.data.endTime}} </text>
|
||||
<text v-if="slotProps.data.endTime" style=" width: 300rpx; margin: 0;">课程有效期截止到:<br/>{{slotProps.data.endTime}}222</text>
|
||||
<text v-else>已购买</text>
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
<view class="right">
|
||||
<text v-if="slotProps.data.type == 0&&!userVip&&slotProps.data.isBuy!=1" style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
|
||||
@click="handleClickGetGoodsList(slotProps.data)">领取课程</text>
|
||||
|
||||
<text v-if="showNewPayBtn[slotProps.index]&&showNewPayBtn[slotProps.index].status" style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
|
||||
@click="goNewPay(slotProps.data)">复读</text>
|
||||
|
||||
<u-icon v-if="!userVip&&slotProps.data.type != 0&&slotProps.data.isBuy!=1&&!showNewPayBtn[slotProps.index].status"
|
||||
@click="handleClickGetGoodsList(slotProps.data)" class="editIcon" name="shopping-cart-fill"
|
||||
color="#FF2B57" size="28"></u-icon>
|
||||
</view>
|
||||
</view>
|
||||
|
||||
<view class="right">
|
||||
<text v-if="slotProps.data.type == 0&&!userVip&&slotProps.data.isBuy!=1" style="color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
|
||||
@click="handleClickGetGoodsList(slotProps.data)">领取课程</text>
|
||||
|
||||
<text v-if="showNewPayBtn[slotProps.index]&&showNewPayBtn[slotProps.index].status" style=" background: #f42c32; border: 0; padding: 15rpx 30rpx; color: #fff; font-size: 12px" class="fdButtonBox aui-text-success"
|
||||
@click="goNewPay(slotProps.data)">复读</text>
|
||||
|
||||
<u-icon v-if="!userVip&&slotProps.data.type != 0&&slotProps.data.isBuy!=1&&!showNewPayBtn[slotProps.index].status"
|
||||
@click="handleClickGetGoodsList(slotProps.data)" class="editIcon" name="shopping-cart-fill"
|
||||
color="#FF2B57" size="28"></u-icon>
|
||||
</view>
|
||||
|
||||
</view>
|
||||
</view>
|
||||
</view>
|
||||
@@ -760,6 +761,8 @@
|
||||
line-height: 30rpx !important;
|
||||
border-radius: 10rpx;
|
||||
box-sizing: border-box;
|
||||
white-space: nowrap;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.fdButtonBoxRed {
|
||||
@@ -858,7 +861,6 @@
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
border-bottom: 4rpx solid #fff;
|
||||
|
||||
.top_item {
|
||||
@@ -1155,6 +1157,7 @@
|
||||
font-size: 40rpx;
|
||||
font-weight: bold;
|
||||
letter-spacing: 4rpx;
|
||||
margin-right: 20rpx;
|
||||
}
|
||||
|
||||
.chapter_content {
|
||||
@@ -1224,21 +1227,25 @@
|
||||
width: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: space-between;
|
||||
|
||||
.left {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
white-space: pre-wrap;
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
.right {
|
||||
position: absolute;
|
||||
right: 0rpx;
|
||||
// position: absolute;
|
||||
// left: 100%;
|
||||
// top: -2px;
|
||||
}
|
||||
}
|
||||
|
||||
.not_purchased {
|
||||
position: relative;
|
||||
margin-left: 20rpx;
|
||||
white-space: nowrap;
|
||||
|
||||
.spot {
|
||||
width: 8rpx;
|
||||
|
||||
Reference in New Issue
Block a user