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

视频播放

Browse Source
This commit is contained in:
始于初见
2024-06-19 15:31:08 +08:00
parent 05e8da330a
commit 3e8696345e
164 changed files with 44570 additions and 1117 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
pages/bookShop/orderLCont.vue
View File

@@ -174,7 +174,7 @@
></image>
<view class="itemJian">
<view class="orderTitle" style="line-height: 100rpx">
<text>VIP 充值</text>
<text>{{ orderContet.vipBuyConfigEntity.title }}</text>
</view>
<view class="orderPrice">
<text style="font-weight: bold"></text>
@@ -194,13 +194,11 @@
></image>
<view class="itemJian">
<view class="orderTitle" style="line-height: 100rpx">
<text>充值</text>
</view>
<view class="orderPrice">
<text style="font-weight: bold"
>{{ orderContet.bookBuyConfigEntity.money }}太医币</text
<text
>充值 {{ orderContet.bookBuyConfigEntity.money }}天医币</text
>
</view>
<br clear="both" />
</view>
<br clear="both" />
@@ -1102,6 +1100,11 @@ export default {
</script>
<style lang="scss" scoped>
@import "@/style/mixin.scss";
@import "@/style/common.scss";
view,uni-view {
font-size: 28rpx;
}
.expresslist {
font-size: 28rpx;
color: #666;

10
pages/bookShop/orderList.vue
View File

@@ -174,7 +174,9 @@
<!-- <view class="description" v-html="item.content">
</view> -->
<view class="btns flexbox">
<view class="booknameleft"> 充值 </view>
<view class="booknameleft"> 充值 {{
slotProps.row.bookBuyConfigEntity.money
}}天医币</view>
<view
style="
@@ -184,11 +186,7 @@
font-weight: 700;
"
>
<text style="font-size: 24rpx"
>{{
slotProps.row.bookBuyConfigEntity.money
}}天医币</text
>
</view>
</view>
<view

2
pages/component/commonComponents/curriculumVideo.vue
View File

@@ -199,7 +199,7 @@ export default {
width: 100%;
// height: 100rpx;
.video_item {
width: 24%;
width: 23%;
margin-right: 10rpx;
margin-bottom: 20rpx;
float: left;

15
pages/component/commonComponents/video/StaticADComponent.js → pages/component/commonComponents/video/MyComponent.vue
View File

@@ -1,5 +1,16 @@
<template>
<div>{{ message }}</div>
</template>
<script>
import $ from "jquery";
export default class MyComponent {
// data() {
// return {
// message: 'Hello, Vue!'
// }
// }
export default class StaticADComponent {
constructor(adAddress, toAddress) {
this.adAddress = adAddress;
this.toAddress = toAddress;
@@ -30,4 +41,4 @@ export default class StaticADComponent {
this.$html.show();
}
}
</script>

1
pages/component/commonComponents/video/aliplayer-min.css vendored Normal file
View File

File diff suppressed because one or more lines are too long

2
pages/component/commonComponents/video/aliplayer-min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

20
pages/component/commonComponents/video/aliplayercomponents.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

407
pages/component/commonComponents/video/index.nvue → pages/component/commonComponents/video/index.vue
View File

@@ -1,6 +1,6 @@
<template>
<view class="container" style="background-color: #000; position: relative">
<!-- <u-icon
<!-- <u-icon
@click="goBack"
name="arrow-left"
color="#3ab3ae"
@@ -9,16 +9,21 @@
statusBarHeight + 2
}px; left: ${10}px;z-index: 999;`"
></u-icon>-->
<view style="width: 100%; height: 30vh" v-if="currentVideo.type == 1">
<view style="width: 100%; height: 200px" v-if="currentVideo.type == 1">
<div
class=""
style="background-color: #000"
ref="videoContent"
@tap="renderScript.handleClick"
id="url-player-test"
:videoData="videoData"
:winWidth="winWidth"
:winHeight="winHeight"
:currentVideoList="currentVideoList"
:firstTime="firstTime"
:change:videoData="renderScript.receiveMsg"
:change:winWidth="renderScript.receiveWinWidth"
:change:winHeight="renderScript.receiveWinHeight"
:change:firstTime="renderScript.receiveFirstTime"
:change:currentVideoList="renderScript.receiveVideoList"
></div>
@@ -27,9 +32,17 @@
</div>
<div @tap="renderScript.endEmitData" ref="videoContent2" v-show="false">
监听结束方法，记录播放时长
</div></view
>
<view style="width: 100%; height: 30vh; position: relative" v-else>
</div>
<div class="fullScreenButton-container">
<div
:class="`prism-fullscreen-btn ${isFullScreen ? 'fullscreen' : ''}`"
@tap="renderScript.changeVideoScreen"
></div>
<!-- <img class=" iconfont icon-list" src="../../../../static/icon/cate_bg.png" style="width: 60px;height: 10px;"></img> -->
</div>
</view>
<view style="width: 100%; height: 200px; position: relative" v-else>
<video
@timeupdate="videoTimeUpdateEvent($event)"
ref="videos"
@@ -150,14 +163,21 @@ export default {
},
methods: {
screenChange(e) {
let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
if (!fullScreen) {
//退出全屏
this.isFullScreen = false;
} else {
this.isFullScreen = true;
}
screenChange(data) {
console.log(
"status at line 这是当前的状态158:",
data.status,
data.primary
);
this.isFullScreen = !data.status;
this.$emit("changeScreen", this.isFullScreen);
// let fullScreen = e.detail.fullScreen; // 值true为进入全屏，false为退出全屏
// if (!fullScreen) {
// //退出全屏
// this.isFullScreen = false;
// } else {
// this.isFullScreen = true;
// }
},
// 控制器的显示隐藏
controlChange(e) {
@@ -180,6 +200,12 @@ export default {
});
},
async init(data) {
// uni.getSystemInfo({
// success(res) {
// var winWidth = res.screenWidth;
// var winHeight = res.screenHeight;
// var statusBarHeight = res.statusBarHeight;
console.log("at line 59:", "是否先走这里");
if (uni.getStorageSync("videoOssList")) {
this.videoList = JSON.parse(uni.getStorageSync("videoOssList"));
@@ -357,8 +383,9 @@ export default {
</script>
<script module="renderScript" lang="renderjs">
import StaticADComponent from './StaticADComponent.vue'
// import AliplayerComponents from 'aliplayercomponents';
import $ from 'jquery'
// import StaticADComponent from './staticadcomponent/index.js';
/**
* 静态广告组件
*/
@@ -369,8 +396,8 @@ export default {
* 静态广告组件
*/
components: {
StaticADComponent
components: {
// MyComponent
},
mounted() {
// 在适合的生命周期，通过script和link标签引入播放器sdk、css
@@ -420,6 +447,58 @@ export default {
})
},
changeVideoScreen(event, ownerInstance) {
var that = this;
// this.$emit('changeScreenLoading',true)
var status=this.player.fullscreenService.getIsFullScreen();
ownerInstance.callMethod('screenChange', {
status:status,
primary:status?'portrait':'landscape'
})
if(status){
setTimeout(() => {
plus.screen.lockOrientation("portrait-primary"); //锁死屏幕方向为竖屏
this.player.fullscreenService.cancelFullScreen() ;
// this.$emit('changeScreenLoading',false);
}, 100);
// this.player.setPlayerSize('100%','200px');
}else{
// this.player.setPlayerSize({
// w:"400px",
// height:'60%'
// });
// plus.screen.unlockOrientation();
this.player.fullscreenService.requestFullScreen();
setTimeout(() => {
// this.$emit('changeScreenLoading',false);
plus.screen.lockOrientation("landscape-primary");
}, 100);
}
},
endEmitData(event, ownerInstance) {
var that = this;
@@ -427,38 +506,77 @@ export default {
},
getLive() {
if(this.videoData.type==1){
// var StaticADComponent = Aliplayer.Component({
// init:function(adAddress,toAddress)
// {
// this.adAddress = adAddress;
// this.toAddress = toAddress;
// this.$html = $(html);
// },
// createEl:function(el)
// {
// this.$html.find('.ad').attr('src',this.adAddress);
// var $adWrapper = this.$html.find('.ad-wrapper');
// $adWrapper.attr('href',this.toAddress);
// $adWrapper.click(function(){
// Aliplayer.util.stopPropagation();
// });
// this.$html.find('.close').click(function(){
// this.$html.hide();
// });
// $(el).append(this.$html);
// },
// ready:function(player,e)
// {
// },
// play:function(player,e)
// {
// this.$html.hide();
// },
// pause:function(player,e)
// {
// this.$html.show();
// }
// });
var fullScreenButtonComponent = Aliplayer.Component({
/**
* 初始函数，在new对象时调用
*
* @param {string} adAddress - 广告视频地址
* @param {string} toAddress - 广告链接地址
*/
init: function (status, toAddress) {
this.fullScreenStatus=status
// this.adAddress = adAddress;
// this.toAddress = toAddress;
this.$html = $('.fullScreenButton-container');
// this.$html.hide();
},
/**
* 创建广告Dom元素
*/
createEl: function (el) {
this.$html.find('.ad').attr('src', this.adAddress);
var $adWrapper = this.$html.find('.ad-wrapper');
$adWrapper.attr('href', this.toAddress);
$adWrapper.click(function () {
// Aliplayer.util.stopPropagation();
});
// this.$html.find('.close').click(function () {
// this.$html.hide();
// });
// $(el).find('.prism-controlbar').append(this.$html);
$(el).find('.prism-time-display').after(this.$html);
},
ready: function (player, e) {
// this.$html.hide()
},
/**
* 隐藏广告
*/
play: function (player, e) {
// this.$html.show();
},
/**
* 显示广告
*/
pause: function (player, e) {
// this.$html.show();
},
/**
* 隐藏广告
*/
playing: function (player, e) {
this.$html.show();
// this.$html.hide();
},
waiting: function (player, e) {
// this.$html.hide()
},
timeupdate: function (player, e) {
},
error: function (player, e) {
},
/**
* 显示广告
*/
ended: function (player, e) {
// this.$html.show();
}
});
console.log('this.currentVideoList at line 456111111111111111111111:', this.videoList)
var player = new Aliplayer({
@@ -473,45 +591,33 @@ console.log('this.currentVideoList at line 456111111111111111111111:', this.vide
width: '100%', //容器的大小
// videoWidth: '100vw', //容器的大小
// videoHeight: '100vh', //容器的大小
height: '30vh', //容器的大小
height: '100%', //容器的大小
playsinline:true,
controlBarVisibility:"click",
cover:"",
components: [
{
name: 'BulletScreenComponent',
type: AliPlayerComponent.BulletScreenComponent,
/** Descriptions of the scrolling text component parameters: text, style, bulletPosition
* text: The scrolling text
* style: The style of the scrolling text
* bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
*/
args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
},
{name:'adComponent',type:StaticADComponent,args:['http://example.aliyundoc.com/cover.png']},
// {
// name: 'BulletScreenComponent',
// type: AliPlayerComponent.BulletScreenComponent,
// /** Descriptions of the scrolling text component parameters: text, style, bulletPosition
// * text: The scrolling text
// * style: The style of the scrolling text
// * bulletPosition: The position of the scrolling text. Valid values: 'top', 'bottom', and 'random'. The default is 'random'.
// */
// args: ['本课程版权归天津众妙之门科技有限公司所有，翻版必究!', {fontSize: '16px', color: 'red',}, 'random']
// },
{name:'adComponent',type:fullScreenButtonComponent,args:['http://101.201.146.165:8088/Pf-EH/statics/uploadFile/2024-05-10/b0f420c7-9178-41ad-9dd6-f59a64a6e190.png']},
{
name: 'RotateMirrorComponent',
type: AliPlayerComponent.RotateMirrorComponent
},
// {
// name: 'RotateMirrorComponent',
// type: AliPlayerComponent.RotateMirrorComponent
// },
],
// components: [{
// name: 'PlaylistComponent',
// type: AliPlayerComponent.PlaylistComponent,
// args: [this.currentVideoList.map(e=>{
// e.name=1;
// e.vid= e.videoId, // 必选参数，可以通过点播控制台（路径：媒资库>音/视频）查询。示例：1e067a2831b641db90d570b6480f****。
// e.playauth= this.videoData.playAuth, // 必选参数，参数值可通过调用GetVideoPlayAuth接口获取。
// e.encryptType= 1, // 必选参数，当播放私有加密流时需要设置本参数值为1。其它情况无需设置。
// e.playConfig= {
// "EncryptType": 'AliyunVoDEncryption'
// }
// })]
// }],
skinLayout:[
{name: "bigPlayButton", align: "blabs", x: 30, y: 80},
{name: "H5Loading", align: "cc"},
@@ -525,8 +631,8 @@ console.log('this.currentVideoList at line 456111111111111111111111:', this.vide
{name: "progress", align: "blabs", x: 0, y: 44},
{name: "playButton", align: "tl", x: 15, y: 12},
{name: "timeDisplay", align: "tl", x: 10, y: 7},
{name: "fullScreenButton", align: "tr", x: 10, y: 12},
{name:"subtitle", align:"tr",x:15, y:12},
// {name: "fullScreenButton", align: "tr", x: 10, y: 12},
// {name:"subtitle", align:"tr",x:15, y:12},
{name:"setting", align:"tr",x:15, y:12},
{name:"prism-speed-selector", align:"tr",x:15, y:12},
{name: "volume", align: "tr", x: 5, y: 10}
@@ -605,11 +711,25 @@ this.player.on('ended', function() {
},
receiveMsg(newValue, oldValue, ownerVm, vm) {
//数据变化
// console.log('newValue', newValue)
// console.log('oldValue', oldValue)
// console.log('ownerVm', ownerVm)
// console.log('vm', vm)
},
receiveWinWidth(newValue, oldValue, ownerVm, vm) {
//数据变化
console.log('newValue', newValue)
console.log('oldValue', oldValue)
console.log('ownerVm', ownerVm)
console.log('vm', vm)
// console.log('oldValue', oldValue)
// console.log('ownerVm', ownerVm)
// console.log('vm', vm)
},
receiveWinHeight(newValue, oldValue, ownerVm, vm) {
//数据变化
console.log('newValue', newValue)
// console.log('oldValue', oldValue)
// console.log('ownerVm', ownerVm)
// console.log('vm', vm)
},
checkValue() {
console.log(this.videoId, this.authId, "1111888888")
@@ -741,4 +861,121 @@ cover-view {
cover-image {
visibility: visible !important;
}
.fullScreenButton-container {
color: #fff;
float: right;
height: 35px;
margin-top: 6px;
margin-right: 5px;
display: flex;
align-items: center;
position: relative;
i {
color: #fff;
display: inline-block;
font-size: 22px;
display: block;
margin-top: 7px;
cursor: pointer;
& + i {
margin-left: 3px;
}
@media (min-width: 768px) {
&:hover + .player-tooltip {
display: block;
}
}
}
.player-tooltip {
&.prev {
left: -10px;
}
&.list {
left: 5px;
}
&.next {
right: -12px;
}
}
}
.playlist-content {
position: absolute;
right: 0;
width: 0px;
padding-bottom: 48px;
box-sizing: border-box;
height: 100%;
transition: all 0.38s ease-in-out;
overflow: hidden;
.list {
background-color: #000;
background-color: rgba(0, 0, 0, 0.3);
height: 100%;
overflow: auto;
.video-item {
color: #fff;
padding: 0px 10px;
line-height: 35px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
cursor: pointer;
&.active {
background-color: #000;
color: #00ddff;
}
@media (min-width: 768px) {
&:hover {
background-color: #000;
color: #00ddff;
}
}
}
}
}
.player-tooltip {
position: absolute;
display: none;
font-size: 12px;
color: #fff;
line-height: 28px;
letter-spacing: 0;
text-align: center;
background: #3c3c3c;
box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
height: 28px;
top: -48px;
padding: 0 5px;
white-space: nowrap;
}
.playlist-skip-tip {
padding: 5px 15px;
position: absolute;
top: 50%;
left: 50%;
z-index: 30;
line-height: 30px;
font-size: 14px;
border-radius: 4px;
background: rgba(255, 255, 255, 0.8);
color: #000;
text-align: center;
transform: translate(-50%, -50%);
}
#rotating-div {
width: 100vw;
height: 100vh;
background-color: #3498db;
transform: rotate(90deg); /* 旋转90度 */
transform-origin: center center; /* 设置旋转中心点在div中心 */
position: fixed; /* 固定定位，全屏显示 */
left: 0;
top: 0;
bottom: 0;
right: 0;
}
</style>

44
pages/component/commonComponents/video/staticadcomponent/index.css Normal file
View File

@@ -0,0 +1,44 @@
.ad-container
{
display:none;
position:absolute;
left:50%;
top:50%;
margin-left:-150px;
margin-top:-100px;
}
.ad-container span
{
width: 27px;
height: 16px;
border-radius: 1px;
background-color: rgba(0,0,0,.5);
position: absolute;
font-size: 10px;
color: #fff;
line-height: 16px;
text-align: center;
top:0px;
left:0px;
}
.ad-container .close
{
position:absolute;
top:2px;
right:2px;
width: 20px;
height: 20px;
}
.ad-container .close:hover
{
cursor:pointer;
}
.ad-container .ad
{
width:300px;
height:200px;
}

0
pages/component/commonComponents/video/staticadcomponent/index.html Normal file
View File

76
pages/component/commonComponents/video/staticadcomponent/index.js Normal file
View File

@@ -0,0 +1,76 @@
import $ from 'jquery'
// const html = require('./index.html');
// require('https://g.alicdn.com/apsara-media-box/imp-web-player/2.20.3/skins/default/aliplayer-min.css');
// require('../aliplayer-min.js');
// require('../aliplayercomponents.min.js');
// require('../aliplayer-min.css');
require('./index.css');
/**
* 静态广告组件
*/
const fullScreenButtonComponent = Aliplayer.Component({
/**
* 初始函数，在new对象时调用
*
* @param {string} adAddress - 广告视频地址
* @param {string} toAddress - 广告链接地址
*/
init: function (adAddress, toAddress) {
this.adAddress = adAddress;
this.toAddress = toAddress;
this.$html = $('.ad-container');
},
/**
* 创建广告Dom元素
*/
createEl: function (el) {
this.$html.find('.ad').attr('src', this.adAddress);
var $adWrapper = this.$html.find('.ad-wrapper');
$adWrapper.attr('href', this.toAddress);
$adWrapper.click(function () {
Aliplayer.util.stopPropagation();
});
this.$html.find('.close').click(function () {
this.$html.hide();
});
$(el).append(this.$html);
},
ready: function (player, e) {
},
/**
* 隐藏广告
*/
play: function (player, e) {
this.$html.hide();
},
/**
* 显示广告
*/
pause: function (player, e) {
this.$html.show();
},
/**
* 隐藏广告
*/
playing: function (player, e) {
this.$html.hide();
},
waiting: function (player, e) {
},
timeupdate: function (player, e) {
},
error: function (player, e) {
},
/**
* 显示广告
*/
ended: function (player, e) {
this.$html.show();
}
});
export default fullScreenButtonComponent;

189
pages/curriculum/cate/index.vue
View File

@@ -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>

141
pages/curriculum/order/curriculum/detail.vue
View File

@@ -2,28 +2,33 @@
<view class="container commonPageBox commonDetailPage">
<!-- 公共组件-每个页面必须引入 -->
<public-module></public-module>
<z-nav-bar
bgColor="#333"
fontColor="#fff"
:title="options.navTitle"
></z-nav-bar>
<template v-show="!screenLoading">
<z-nav-bar
bgColor="#333"
fontColor="#fff"
:title="options.navTitle"
></z-nav-bar>
<view
class="contentBox curriculum_box"
:style="`height:calc(100% - ${60 + statusBarHeight}px !important;`"
>
<view :style="`background:#000`">
<common-video
v-if="isfresh"
ref="commonVideo"
:currentVideo="currentVideo"
:currentVideoList="videoArray"
>
</common-video>
<view style="height: 30vh" v-else></view>
</view>
<view
class="contentBox curriculum_box"
:style="`height:calc(100% - ${60 + statusBarHeight}px !important;${
isFullScreen ? 'background:#000' : ''
}`"
>
<view :style="`background:#000`">
<common-video
@changeScreen="changeScreen"
@changeScreenLoading="changeScreenLoading"
v-if="isfresh"
ref="commonVideo"
:currentVideo="currentVideo"
:currentVideoList="videoArray"
>
</common-video>
<view style="height: 200px" v-else></view>
</view>
<!-- <common-sticky
<!-- <common-sticky
style=""
itemStyle="width:auto; height: 80rpx;font-size:20rpx;color:#fff"
:list="ordersTabs"
@@ -32,47 +37,55 @@
@handleselectCate="ordersTabCLi"
></common-sticky> -->
<scroll-view
:style="`height:calc(100% - 30vh - 40rpx) ;`"
scroll-y="true"
class="scroll-Y"
style="background-color: #fff"
>
<view class="PM_font" style="padding: 20rpx;font-size: 40rpx;color: #3ab3ae;">视频教学</view>
<view class="scroll-view-item">
<view style="padding: 20rpx; margin-bottom: 40rpx">
{{ curriculumData.title }}
</view>
<common-curriculum-video
v-if="videoArray.length > 0"
:detailInfo="curriculumData"
:currentVideo="currentVideo"
:dataList="videoArray"
@open="changeVideo"
<scroll-view
:style="`height:calc(100% - 200px - 40rpx) ;`"
scroll-y="true"
class="scroll-Y"
style="background-color: #fff"
>
<view
class="PM_font"
style="padding: 20rpx; font-size: 40rpx; color: #3ab3ae"
>视频教学</view
>
</common-curriculum-video>
</view>
<view class="scroll-view-item">
<view style="padding: 20rpx; margin-bottom: 40rpx">
{{ curriculumData.title }}
</view>
<common-curriculum-video
v-if="videoArray.length > 0"
:detailInfo="curriculumData"
:currentVideo="currentVideo"
:dataList="videoArray"
@open="changeVideo"
>
</common-curriculum-video>
</view>
<view class="PM_font" style="padding: 20rpx;font-size: 40rpx;color: #333;">文章简介</view>
<view class="scroll-view-item">
<common-rich-detail :detailInfo="{ ...curriculumData, title: '' }">
<template #richHeadImg>
<image
:src="curriculumData.imgUrl"
mode="widthFix"
class="headImage"
></image>
<view
class="PM_font"
style="padding: 20rpx; font-size: 40rpx; color: #333"
>文章简介</view
>
<view class="scroll-view-item">
<common-rich-detail :detailInfo="{ ...curriculumData, title: '' }">
<template #richHeadImg>
<image
:src="curriculumData.imgUrl"
mode="widthFix"
class="headImage"
></image>
<!-- <image :src="detailInfo.imgUrl" v-if="detailInfo.imgUrl" mode="widthFix" class="headImage"></image> -->
</template>
</common-rich-detail>
</view>
</scroll-view>
<p class="aui-text-danger" style="text-align: center">
本课程版权归天津众妙之门科技有限公司所有，翻版必究!
</p>
<!-- <image :src="detailInfo.imgUrl" v-if="detailInfo.imgUrl" mode="widthFix" class="headImage"></image> -->
</template>
</common-rich-detail>
</view>
</scroll-view>
<p class="aui-text-danger" style="text-align: center">
本课程版权归天津众妙之门科技有限公司所有，翻版必究!
</p>
<!-- <view class="small_class_teaching_box" v-if="medicalCasesList.length > 0">
<!-- <view class="small_class_teaching_box" v-if="medicalCasesList.length > 0">
<view class="small_class_teaching_top">
<view class="small_class_teaching_top_left">
<image
@@ -206,8 +219,10 @@
></u-icon>
</view>
</view> -->
</view>
</view>
</template>
<view style="background-color: red;position: fixed;top: 0;left: 0;right: 0;bottom: 0;" v-show="screenLoading" > </view>
<!-- <u-modal
:show="show"
:title="modalInfo.title"
@@ -236,6 +251,8 @@ export default {
},
data() {
return {
isFullScreen: false,
screenLoading: false,
isfresh: false,
currentCateIndex: 0,
currentVideo: {},
@@ -315,6 +332,7 @@ export default {
// this.searchList = []
},
onShow() {
this.screenLoading=false
this.currentCateIndex = 0;
// #ifdef APP-PLUS
plus.screen.unlockOrientation(); //解除锁定屏幕方向
@@ -325,12 +343,19 @@ export default {
...mapState(["userInfo"]),
},
methods: {
changeScreenLoading(status) {
this.screenLoading = status;
},
changeScreen(status) {
this.isFullScreen = status;
},
ordersTabCLi(data) {
console.log("i at line 312:", data);
this.currentCateIndex = data.index;
this.$forceUpdate();
},
initVideo() {
this.screenLoading=false;
this.isfresh = false;
this.$nextTick(() => {
this.isfresh = true;

9
pages/curriculum/order/curriculum/index.vue
View File

@@ -42,11 +42,14 @@
<view> </view>
</template>
</u-alert>
<u-alert
style="position: fixed; width: 100%; z-index: 10"
type="warning"
@click="handleClickGetGoodsList"
:title="`尊贵的VIP会员,您的有效期到 ${vip.endTime.split(' ')[0]}`"
:title="`尊贵的${vip.type==1?'超级':vip.type==2?'吴门医述':'众妙之门'}VIP会员,您的有效期到 ${
vip.endTime && vip.endTime.split(' ')[0]
}`"
:show-icon="true"
v-if="cateList.length > 0 && vip.type != 0"
>
@@ -522,7 +525,9 @@ export default {
this.$http.post("common/user/getUserInfo").then((res) => {
console.log("res at line 505:", res);
if (res.result.userVip) {
this.vip = res.result.userVip;
this.vip = res.result.userVip ;
}else{
this.vip ={ type: 0 }
}
});
},

684
pages/curriculum/order/index/index.vue
View File

@@ -11,6 +11,44 @@
:backState="3000"
></z-nav-bar>
<template v-if="currentCateIndex == 1">
<view class="fixed">
<view v-if="isOpenRightButton">
<view class="openBox">
<block v-for="(v, index) in allDataList" :key="index">
<view
:class="`bg${index} PM_font rightButton ${
viewid == 'cont' + index ? 'hotButton' : ''
}`"
:data-index="index"
@click="getViewId"
>{{ v.title }}</view
>
</block>
</view>
<!-- <view
@click="close"
class="closeBox"
style="background-color: #fff; margin-top: 20rpx; width: 100%"
>
<image
src="@/static/icon/close.png"
mode="widthFix"
style="width: 50rpx; height: 50rpx"
></image
></view> -->
</view>
<!-- <view class="closeBox" v-else @click="isOpenRightButton = true">
<image
src="@/static/icon/open.png"
mode="widthFix"
style="width: 50rpx; height: 50rpx"
></image>
</view> -->
</view>
</template>
<view class="contentBox commonPageContentBox">
<!-- <scroll-view class="scroll-view_H statusList" scroll-x="true" scroll-left="0"> -->
<!-- <view class="statusList flexbox" >
@@ -26,116 +64,91 @@
@handleselectCate="handleselectCate"
></common-sticky>
<view
<scroll-view
scroll-y
class="scroll"
:style="`height:calc(100vh - ${(110 + statusBarHeight) * 2}rpx)`"
:scroll-into-view="viewid"
scroll-with-animation
@scroll="scrollEvt"
>
<u-alert
style="width: 100%; z-index: 10"
type="warning"
:title="`尊贵的${
vip.type == 1 ? '超级' : vip.type == 2 ? '吴门医述' : '众妙之门'
}VIP会员,您的有效期到 ${vip.endTime && vip.endTime.split(' ')[0]}`"
:show-icon="true"
v-if="vip.type != 0"
>
</u-alert>
<template v-if="currentCateIndex == 1">
<view
v-for="(v, index) in allDataList"
:key="index"
class="right-item"
style="margin-bottom: 40rpx"
>
<view :id="`cont${index}`" :class="`bg${index} `">
<view class="cate_item_box">
<view
v-if="currentCateIndex == 1"
:class="`cate_item_name ${
viewid == 'cont' + index ? 'hot' : ''
}`"
>{{ v.title }}</view
>
</view>
<curriculm-list
:currentCateIndex="currentCateIndex"
@refresh="getCourseDescriptionData()"
:dataList="v.courseList"
:userInfo="userInfo"
>
</curriculm-list>
</view>
</view>
</template>
<template v-else>
<curriculm-list
:currentCateIndex="currentCateIndex"
@refresh="getCourseDescriptionData()"
:dataList="allDataList"
:userInfo="userInfo"
>
</curriculm-list>
</template>
</scroll-view>
<!-- <view
class="u-page__item"
style="background-color: #fff; padding: 27rpx"
v-if="allDataList.length > 0"
>
<u-collapse :value="openCollapseList">
<u-collapse-item
v-for="(v, i) in allDataList"
title=""
:name="v.sociology.title"
>
<u-collapse-item v-for="(v, i) in allDataList" title="" :name="v.id">
<template slot="icon">
<view class="cate_box">
<view class="cate_item_box">
<view class="cate_item_border">
<image
:src="
cateIconList.find((e) => v.sociology.id == e.id).icon
"
:src="v.icon"
mode="aspectFill"
style="width: 59rpx; height: 59rpx"
></image>
</view>
<view class="cate_item_name">{{ v.sociology.title }}</view>
<view class="cate_item_name">{{ v.title }}</view>
</view>
</view>
</template>
<!-- <text slot="value" class="u-page__item__title__slot-title"
>自定义内容</text
> -->
<text class="u-collapse-content">
<common-curriculum-list
imgUrl="image"
:isCondition="true"
:dataList="v.courseList"
@hancleClick="goCourseDescription"
label="title"
>
<template slot="leftSlot" slot-scope="slotProps">
<!-- {{ slotProps.row.bxType }} -->
</template>
<template slot="labelSlot" slot-scope="slotProps">
<view class="related_courses_name">
<!-- <text v-html="slotProps.row.bxType"></text> -->
{{ slotProps.row.title }}</view
>
<!-- <text v-if="slotProps.row.conditions!='03'">【试听】</text> -->
</template>
<template slot="rightSlot" slot-scope="slotProps">
<!-- {{ slotProps.row.bxType }} -->
<view
v-if="slotProps.row.surplusNum"
class="related_courses_right"
>
<view class="progress_icon" style=""
><u-line-progress
activeColor="#3AB3AE"
height="14"
:percentage="30"
:showText="false"
showText
></u-line-progress
></view>
<!-- <view
:class="slotProps.row.surplusNum < 30 ? 'aui-text-danger dateReminder' : 'dateReminder'">
距&nbsp;{{ slotProps.row.surplusNum }}&nbsp;天到期</view> -->
</view>
<!-- <view v-if="slotProps.row.inType == '03'" class="fdButtonBox">
<u-button
type="primary"
:plain="true"
text="复读一月"
:customStyle="fdButtonStyle"
size="small"
@click.native.stop="
fnRelearn(
slotProps.row.inType,
30,
slotProps.row.courseFee
)
"
></u-button>
<u-button
type="primary"
:plain="true"
text="复读三月"
:customStyle="fdButtonStyle"
size="small"
@click.native.stop="
fnRelearn(
slotProps.row.inType,
90,
slotProps.row.courseFee
)
"
></u-button>
</view> -->
<view> </view>
</template>
</common-curriculum-list>
</text>
</u-collapse-item>
</u-collapse>
</view>
</view> -->
</view>
<u-modal
@@ -148,12 +161,15 @@
></u-modal>
<z-navigation></z-navigation>
</view>
</template>
<script>
import courseDescription from "@/pages/component/commonComponents/list";
import price from "../price/index.vue";
import curriculmList from "./list.vue";
import $http from "@/config/requestConfig.js";
import { mapState } from "vuex";
@@ -161,9 +177,18 @@ export default {
components: {
courseDescription, //课程说明
price, //课程价格
curriculmList, //课程价格
},
data() {
return {
distanceList: [],
timer: null,
isLeftClick: false,
isOpenRightButton: true,
viewid: "cont0",
viewidIndex: 0,
openCollapseList: [],
cateIconList: [
{
@@ -235,7 +260,7 @@ export default {
"margin-left": "30rpx",
},
modalInfo: {},
vip: {},
show: false,
playData: {},
taiHuClassInfo: {},
@@ -285,19 +310,21 @@ export default {
// ], // 一级分类标题1
cateList: [
{
title: "学习中",
title: "正在学习",
type: 0,
apiUrl: "app/phoneDoctor.do?getTaiHuToShine",
apiUrl: "sociology/course/getUserCourseStudying",
},
{
title: "已完成",
title: "我的课程",
type: 1,
oid: "8a9fb99809e4428888aad6b56a3096a6",
// apiUrl: "sociology/course/getUserCourseBuy",
apiUrl: "sociology/course/getUserCourseBuy",
},
{
title: "未开始",
title: "过期课程",
type: 2,
oid: "8a9fb99809e4428888aad6b56a3096a6",
apiUrl: "sociology/course/getCourseExpire",
},
// {
// title: "未开始",
@@ -320,6 +347,7 @@ export default {
searchList: [], // 搜索结果数组
showSearchList: false,
userMes: {}, // 用户信息
selectCurriculum: {}, //
searchDisable: false, // 搜索不可用
limitShow: false,
limitTitle: "提示",
@@ -327,19 +355,23 @@ export default {
scrollViewHeight: 0,
urlList: {
list: "sociology/course/getMyCourse",
cancelCollection: "sociology/course/removeUserCourseStudying",
collection: "sociology/course/addUserCourseStudying",
getCateList: "sociology/home/getSociologyLabels", //消息
},
options: {},
};
},
onLoad(options) {
async onLoad(options) {
this.options = options;
this.handleselectCate({ ...this.cateList[0], index: 0 }, 0);
// await this.getUserInfo()
await this.handleselectCate({ ...this.cateList[0], index: 0 }, 0);
// this.getCourseDescriptionData();
// this.getUserInfo()
//
// this.getCateList()
},
async onShow() {
await this.getUserInfo();
await this.getCateList();
},
onHide() {
@@ -350,6 +382,70 @@ export default {
...mapState(["userInfo"]),
},
methods: {
getUserInfo() {
this.$http.post("common/user/getUserInfo").then((res) => {
console.log("res at line 505:", res);
if (res.result.userVip) {
this.vip = res.result.userVip;
} else {
this.vip = { type: 0 };
}
});
},
close() {
this.isOpenRightButton = false;
},
cancelCollection(row) {
var that = this;
this.$http
.request({
url: this.urlList.cancelCollection,
method: "POST",
data: {
userId: this.userInfo.id,
courseId: row.id,
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json",
},
})
.then(async (res) => {
console.log(res, "7777777777777777777");
if (res.code == 0) {
await this.getCourseDescriptionData();
// that.cateIconList = res.labels ? res.labels : [];
}
});
},
openCancelCollection(row) {
this.signShow = true;
this.selectCurriculum = row;
},
handlecollection(row) {
console.log("row at line 452:", row);
var that = this;
this.$http
.request({
url: this.urlList.collection,
method: "POST",
data: {
userId: this.userInfo.id,
courseId: row.id,
},
header: {
//默认 无 说明：请求头
"Content-Type": "application/json",
},
})
.then(async (res) => {
if (res.code == 0) {
await this.getCourseDescriptionData();
// that.cateIconList = res.labels ? res.labels : [];
}
});
},
async getCateList() {
var that = this;
this.$http
@@ -372,6 +468,71 @@ export default {
}
});
},
getDistanceToTop() {
//获取右侧各部分距离顶部的距离
let that = this;
that.distanceList = [];
let selectorQuery = uni.createSelectorQuery().in(this);
const query = uni.createSelectorQuery().in(this);
query
.selectAll(".right-item")
.boundingClientRect((data) => {
data.forEach(function (rect) {
that.distanceList.push(rect.top);
});
console.log("data at line 180:", data);
// this.h = data.top+69
})
.exec();
// selectorQuery
// .selectAll(".right-item")
// .boundingClientRect(function (rects) {
// console.log("rects at line 182:", rects);
// rects.forEach(function (rect) {
// that.distanceList.push(rect.top);
// });
// console.log("that.distanceList", that.distanceList);
// })
// .exec();
},
// 元素滚动到顶部时，对应的左侧导航栏变为选中状态
scrollEvt(e) {
console.log("e at line 204:", e);
// 点击左侧导航栏引起的滚动不做判断
if (this.isLeftClick) {
this.isLeftClick = false;
return;
}
// // 防抖
if (this.timer) {
clearTimeout(this.timer);
}
this.timer = setTimeout(() => {
let scrollTop = e.detail.scrollTop; //滚动的高度
// 找到位于顶部元素的索引，距离大于滚动高度的第一个元素的上一个元素就是此时位于顶部的元素
let index = this.distanceList.findIndex((it) => {
// 滚动条的位置大于元素距离顶部位置的距离时，说明元素已经滑过了顶部
return it > scrollTop;
});
console.log("index at line 218:", index);
if (index == this.viewidIndex) return;
this.viewidIndex = index;
this.viewid = "cont" + index;
}, 100);
},
getViewId(e) {
this.isLeftClick = true;
console.log("e at line 88:", e);
this.viewid = "cont" + e.currentTarget.dataset.index;
this.viewidIndex = e.currentTarget.dataset.index;
},
hancleModalConfirm() {
var data = {
values: {
@@ -443,16 +604,17 @@ export default {
},
getCourseDescriptionData() {
var data = {};
if (this.currentCateIndex == 0) {
// data.userId = this.userInfo.id;
}
var that = this;
console.log(this.$store.state, "11111111111");
this.$http
.request({
url: this.urlList.list,
url: this.cateList[this.currentCateIndex].apiUrl,
method: "POST",
data: {
type: this.cateList[this.currentCateIndex].type,
},
data: data,
header: {
//默认 无 说明：请求头
"Content-Type": "application/json",
@@ -461,14 +623,15 @@ export default {
.then(async (res) => {
console.log(res.courses, "88888");
that.allDataList = res.courses;
that.openCollapseList = that.allDataList.map((e) => {
return e.sociology.title;
});
console.log(
"that.openCollapseList at line 451:",
that.openCollapseList
);
that.allDataList = res.courseList;
if (this.currentCateIndex == 1) {
that.openCollapseList = that.allDataList.map((e) => {
return e.id;
});
await setTimeout(() => {
that.getDistanceToTop();
}, 100);
}
// socket.init();
});
@@ -501,16 +664,7 @@ export default {
// })
// },
// 获取用户详情
getUserInfo() {
// 用户详情
if (this.userInfo.id != undefined) {
this.$http.post("book/user/info/" + this.userInfo.id).then((res) => {
this.userMes = res.user;
// this.getCateList();
console.log(this.userMes, "呼呼");
});
}
},
// 详情
gotoDetail(item) {
console.log("111", item);
@@ -994,13 +1148,12 @@ export default {
}
.related_courses_right {
width: calc(100%);
margin-top: 30rpx;
margin-top: 4rpx;
overflow: hidden;
display: flex;
align-items: center;
.progress_icon {
// width: calc(100% - 220rpx);
width: calc(100%);
width: calc(100% - 220rpx);
float: left;
}
// position: absolute;
@@ -1020,11 +1173,11 @@ export default {
width: 100% !important;
height: 160rpx;
.book_image {
width: 200rpx !important;
height: 120rpx !important;
float: left !important;
}
// .book_image {
// width: 200rpx !important;
// height: 120rpx !important;
// float: left !important;
// }
.common_curriculum_item {
width: calc(100% - 220rpx);
@@ -1096,4 +1249,273 @@ export default {
}
}
}
.related_courses_name {
width: 100%;
// display: inline-block;
// float: left;
line-height: 60rpx;
// width: calc(100% - 90rpx) !important;
// padding-left: 20rpx;
font-weight: 700;
.aui-text-danger {
display: inline-block;
float: right;
}
}
.book_image {
width: 100%;
height: 100%;
float: left;
}
/deep/.list_item {
position: relative;
border-radius: 20rpx;
padding: 20rpx !important;
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: 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% - 264rpx);
float: right;
}
.commonPageBox {
background-image: #edf6f5ad !important;
}
/deep/.uni-scroll-view-content {
box-sizing: border-box !important;
padding: 10rpx !important;
}
.curriculum_tag {
// width: 140rpx !important;
text-align: center;
display: inline-block;
border-radius: 4rpx;
font-size: 24rpx;
}
.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;
}
.progress_box {
width: calc(100% - 140rpx);
display: flex;
align-items: center;
position: relative;
.progress_icon {
width: calc(100% - 140rpx);
display: flex;
}
.icon1 {
width: 60rpx;
height: 60rpx;
margin: 0 20rpx;
}
.icon2 {
width: 140rpx;
height: 100rpx;
position: absolute;
right: 0;
// margin-top: -20rpx;
}
}
.learning_button {
background-color: #1b9994;
color: #fff;
text-align: center;
border-radius: 60rpx;
font-size: 28rpx;
padding: 8rpx 20rpx;
}
.public-badge {
text-align: center;
// 设置渐变色背景
// background-image: linear-gradient(to right, #D26855, #F4CEB9),
// linear-gradient(100deg, #b3d5da, #8f41e9, #63acb6);
color: #d26855;
font-size: 12px;
width: 140rpx;
border-radius: 3px 0 0 3px;
position: absolute;
top: 10rpx;
right: 10px;
z-index: 10;
padding: 3px 0;
}
.show-signal {
border: 4px solid #939393;
border-right: 4px solid transparent;
border-bottom: 4px solid transparent;
width: 0;
height: 0;
position: absolute;
top: 31px;
right: -8px;
z-index: 10;
}
.learning_button_border {
width: auto;
color: #222222;
background: #f4f4f4;
}
.fixed {
position: fixed;
bottom: 10%;
right: -5rpx;
z-index: 1;
overflow: hidden;
}
.openBox view {
width: 40rpx;
margin-bottom: 20rpx;
// border-bottom: 1rpx solid #309995;
}
.openBox view:nth-last-child(1) {
border: none !important;
}
.openBox {
background-color: #f8f9fa;
padding: 10rpx;
// border: 2rpx solid #eee;
// width: 40rpx;
line-height: 40rpx;
// box-shadow: 0 0px 10rpx 2px $themeColor;
// border-radius: 10rpx;
}
.scroll {
}
.scroll view {
// width: 100%;
// height: 1000rpx;
}
.rightButton {
// background-color: #fff;
font-size: 28rpx;
text-align: center;
// color: $themeColor;
}
.cate_item_box {
width: 100%;
height: auto;
display: flex;
align-items: center;
padding: 0 20rpx;
.cate_item_border {
width: 60rpx;
height: 78rpx;
// padding: 10rpx;
background-size: 100% 100%;
// background-image: url("@/static/icon/homePage/cate_bg.png");
border-radius: 4rpx;
display: flex;
align-items: center;
justify-content: center;
image {
// height: 56rpx;
}
}
.cate_item_name {
padding-top: 60rpx;
width: 100%;
// margin-left: 21rpx;
font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
font-weight: 500;
// font-weight: normal;
font-size: 52rpx;
color: #000000;
line-height: 80rpx;
text-align: center;
}
}
.hot {
color: $themeColor !important;
}
.hotButton {
color: $themeColor;
// color: #fff !important;
}
.closeBox {
width: 40rpx;
height: 40rpx;
background-color: #fff;
border-radius: 40rpx;
display: flex;
align-items: center;
box-shadow: 0 0px 5rpx 1px #b0b0b0;
justify-content: center;
overflow: hidden;
image {
width: 20rpx;
height: 20rpx;
}
}
.learning_image {
width: 100%;
// margin-top: -30rpx;
display: flex;
align-items: flex-end;
justify-content: flex-end;
// height: 70rpx;
image {
width: 70rpx;
height: 70rpx;
}
.learning_image_right {
// width: 180rpx;
text {
display: inline-block;
background-color: #e6e5e5;
border-radius: 50rpx;
padding: 4rpx 10rpx;
}
}
}
/deep/.scroll-view-item:nth-child(2n-1) {
background: rgba(255, 255, 255, 0.85) !important;
}
</style>

1232
pages/curriculum/order/index/list.vue Normal file
View File

File diff suppressed because it is too large Load Diff

4
pages/mine/mine/index.vue
View File

@@ -33,8 +33,8 @@
></image>
<view class="user_vip_box">
<view v-if="userMes.vip == 1" class="user_vip super">超级VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">吴门医述VIP</view>
<view v-if="userMes.vip == 3" class="user_vip">众妙之门VIP</view>
<view v-if="userMes.vip == 2" class="user_vip">吴门医述VIP</view>
</view>
<image