zm/medicine_app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

课程详情

Browse Source
This commit is contained in:
@fawn-nine
2024-07-12 11:07:48 +08:00
parent 8d39d98ac4
commit a5d05367bd
4 changed files with 30 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

46
pages/course/courseDetail.vue
View File

@@ -81,32 +81,30 @@
v-for="(item, index) in librayList" :key="index" @click="clicklib(item,index)">
<view class=""><text>{{item.title}}</text></view>
</view>
</view>
<!-- end -->
<template v-if="librayList[curIndex]">
<view :class="['endBox',userMsg.vip != 0 ? 'vipBgColor':'']"
v-if="librayList[curIndex].isBuy == 1 || userMsg.vip != 0">
<!-- 已经可以观看的情况 -->
<view class="">
<view class="flexbox" v-if="librayList[curIndex].startTime == null">
<text>当前目录还未开始学习</text>
<view class="box">
<view class="flexbox" v-if="userMsg.vip != 0">
<!-- vip到期时间 -->
<text>VIP畅学权益有效期截止到：{{userMsg.userVip.endTime}} </text>
<!-- <uni-tag type="warning" text="去学习"></uni-tag> -->
</view>
<view class="flexbox" v-else>
<template v-if="userMsg.vip != 0">
<!-- vip到期时间 -->
<text>vip课程有效期截止到：{{userMsg.userVip.endTime}} </text>
<template v-if="librayList[curIndex].startTime == null">
<text>当前目录还未开始学习</text>
</template>
<template v-else>
<!-- 实际购买课程到期时间 -->
<text style="line-height: 50rpx;">课程有效期截止到：{{librayList[curIndex].endTime}} </text>
<!-- 自己买的可以续费 -->
<text class="xufeiBtn"
@click="handleClickGetGoodsList(librayList[curIndex])">续费</text>
</template>
<!-- <uni-tag type="primary" text="继续学习" @click="onPageJump('')"></uni-tag> -->
</template>
</view>
</view>
</view>
@@ -1379,13 +1377,14 @@
background-color: #fff; border-bottom: 1px solid #eee;
}
.endBox {
// @include theme("vipbtnbg");
background-color: #258feb;
color: #fff;
// @include theme("vipbtnbg");
color: #333;
font-size: 26rpx;
// margin: 20rpx 0;
padding: 10rpx 20rpx;
.box{
// background-color: #258feb;
}
.flexbox {
justify-content: space-between;
}
@@ -1482,9 +1481,9 @@
}
.xufeiBtn {
display: inline-block;
padding: 4rpx 10rpx;
border: 1px solid #fff;
display: block; line-height: 50rpx; height: 50rpx;
padding: 0 10rpx;
border: 1px solid #333;
border-radius: 10rpx;
}
@@ -1976,7 +1975,7 @@
.buyBox {}
.vipBgColor {
background-color: #8265f9 !important;
// background-color: #8265f9 !important;
}
.coursePart {
@@ -1985,16 +1984,16 @@
border-radius: 20rpx 20rpx 0 0;
@include pleft_right(10px);
align-items: flex-end;
@include mshadow(10px, 1);
// @include mshadow(10px, 1);
margin-top: 20rpx;
padding: 0 20rpx;
padding-top: 20rpx;
background-color: $themeColor;
// background-color: $themeColor;
.item {
justify-content: center;
align-items: center;
color: #fff;
color: #fff;
width: 100%;
text-align: center;
padding: 16rpx 0;
@@ -2014,8 +2013,9 @@
}
.item.active {
background-color: #fbfbff;
color: $themeColor;
// background-color: #fbfbff;
background-color: $themeColor;
color: #fff;
padding: 20rpx 0 !important;
text {