{ return item.id})
-
- var thisIndex = _list.findIndex(item=>{
+ _list = _list.map(item => {
+ return item.id
+ })
+
+ var thisIndex = _list.findIndex(item => {
return item == this.currentVideo.id
})
- console.log('播放列表',_list,this.currentVideo.id, thisIndex);
- if(thisIndex < this.currentVideoList.length-1){
+ console.log('播放列表', _list, this.currentVideo.id, thisIndex);
+ if (thisIndex < this.currentVideoList.length - 1) {
this.showCountDown = true
this.$emit('startNextVideoCountDown')
}
-
+
},
openShow(data) {
@@ -233,7 +235,7 @@
this.videoId = this.options.video;
console.log("这是苹果视屏id", this.videoId);
- await this.getLive(isChange,this.options);
+ await this.getLive(isChange, this.options);
},
// 配置播放项
async getData(data, isChange) {
@@ -303,7 +305,7 @@
},
// 获取播放凭证
async getLive(isChange, newVideoData) {
- console.log('获取播放凭证',newVideoData.id);
+ console.log('获取播放凭证11111111111111', newVideoData);
if (this.reaquestFlag) {
uni.showToast({
title: '操作太快了,歇一下吧',
@@ -332,7 +334,7 @@
},
})
.then(async (res) => {
-
+
this.reaquestFlag = false
if (this.$platform == 'ios') {
if (this.currentVideo.type == 1 && res.video.m3u8Url == null || this.currentVideo
@@ -451,7 +453,7 @@
var curStatus = null
var diff = 0
var pauseTime = 0
- var myplayer = undefined
+ var myplayer = undefined
import $ from 'jquery'
export default {
components: {
@@ -481,7 +483,7 @@
},
methods: {
handleClick(event, ownerInstance) {
- console.log('是否了走了点击video事件', event)
+ console.log('是否了走了点击video事件', event)
},
emitData(event, ownerInstance) {
var that = this;
@@ -492,24 +494,24 @@
},
receiveReplayVideoFlag(newValue, oldValue, ownerVm, vm) {
- console.log('newValue重新播放',newValue,myplayer);
+ console.log('newValue重新播放', newValue, myplayer);
ReplayVideoFlag = newValue
- if(newValue){
+ if (newValue) {
$('.videoContent8').click()
// ReplayVideoFlag = newValue
- // // myplayer.replay()
- // $('.videoContent7').click()
- // myplayer.seek(0)
+ // // myplayer.replay()
+ // $('.videoContent7').click()
+ // myplayer.seek(0)
// myplayer.play()
-
+
}
-
+
},
emitReplayVideoFlagFalse(event, ownerInstance) {
- ownerInstance.callMethod('replayVideoFlagFalse')
+ ownerInstance.callMethod('replayVideoFlagFalse')
},
emitUnlockChangeVideo(event, ownerInstance) {
- ownerInstance.callMethod('UnlockChangeVideo')
+ ownerInstance.callMethod('UnlockChangeVideo')
},
async receiveFirstTime(newValue, oldValue, ownerVm, vm) {
@@ -576,10 +578,10 @@
},
// renderjs阿里云播放器引入与配置
getLive() {
- console.log('这是这只只是666666:', this.firstTime, this.videoData)
-
- $('#url-player-test').empty();
-
+ console.log('这是这只只是666666:', this.firstTime, this.videoData)
+
+ $('#url-player-test').empty();
+
pauseTime = 0
var fullScreenButtonComponent = Aliplayer.Component({
/**
@@ -614,7 +616,7 @@
this.$html.show();
// this.$html.hide();
},
-
+
});
// console.log('这是查看是否获取到hlstoken', this.videoData)
var playerOptions = {
@@ -760,9 +762,9 @@
$('.videoContent9').click()
})
player.on('play', function() {
- console.log('开始播放------');
+ console.log('开始播放------');
$('.videoContent7').click()
- if(pauseTime > 0){
+ if (pauseTime > 0) {
player.seek(pauseTime);
}
})
@@ -772,21 +774,21 @@
// if(ReplayVideoFlag){
// player.seek(0);
// }else{
- var videoDurationTimes = parseInt(player.getDuration())
- // var firstTime = parseInt(player.getCurrentTime())
- console.log('视频总长度',parseInt(player.getDuration()),parseInt(player.getCurrentTime()));
- if(videoData.firstTime < videoDurationTimes){
+ var videoDurationTimes = parseInt(player.getDuration())
+ // var firstTime = parseInt(player.getCurrentTime())
+ console.log('视频总长度', parseInt(player.getDuration()), parseInt(player.getCurrentTime()));
+ if (videoData.firstTime < videoDurationTimes) {
player.seek(videoData.firstTime);
- }else{
- player.seek(0);
- }
+ } else {
+ player.seek(0);
+ }
//}
})
myplayer.on('playing', function() {
console.log('正在播放...')
-
+
})
-
+
myplayer.on('timeupdate', function() {
let that = this
var _time = parseInt(player.getCurrentTime())
@@ -808,12 +810,12 @@
$('.videoContent2').click()
$('.videoContent6').click()
})
- player.on('pause', function() {
+ player.on('pause', function() {
pauseTime = parseInt(player.getCurrentTime())
player.pause(true)
- console.log('触发暂停', pauseTime)
+ console.log('触发暂停', pauseTime)
})
-
+
myplayer.on('error', function() {
console.log('播放出错')
$('.videoContent5').click()
@@ -873,8 +875,8 @@
//数据变化
videoData = newValue
if (videoData) {
- return
- console.log('切换后的播放数据videoData',videoData.type);
+ return
+ console.log('切换后的播放数据videoData', videoData.type);
if (videoData.type == 1) {
if (videoData.m3u8Url != '' && videoData.m3u8Url != null) {
// myplayer.source(videoData.m3u8Url)
@@ -942,29 +944,40 @@
}
\ No newline at end of file
+.endBox {
+ // @include theme("vipbtnbg");
+ color: #333;
+ font-size: 26rpx;
+ // margin: 20rpx 0;
+ padding: 10rpx 20rpx;
+ .box {
+ // background-color: #258feb;
+ }
+ .flexbox {
+ justify-content: space-between;
+ }
+}
+
+::v-deep .contentBox {
+ .ql-editor {
+ font-size: 26rpx;
+ font-style: normal;
+ min-height: 50rpx !important;
+ padding: 20rpx;
+ }
+
+ img {
+ max-width: 260rpx;
+ }
+
+ .u-upload__button {
+ margin: 0 auto;
+ }
+}
+
+.firstLeve {
+ padding-bottom: 10rpx;
+ border-bottom: 1px solid #f7f8f9;
+}
+
+.loadMore {
+ text-align: center;
+ margin-bottom: 20rpx;
+
+ text {
+ color: $themeColor;
+ font-size: 26rpx;
+ }
+}
+
+.boxB {
+ margin-left: 60rpx;
+ margin-top: 20rpx;
+ background-color: #f7f8f9;
+ padding-top: 20rpx;
+ padding-left: 10rpx;
+
+ .imgbox {
+ width: 40rpx !important;
+ height: 40rpx !important;
+ }
+
+ .contentBox {
+ width: calc(100% - 60rpx);
+ }
+
+ // .img{ width: 60rpx;
+ // height: 60rpx;
+ // image{width:60rpx; height: 60rpx; border-radius: 100%;}
+ // }
+}
+
+.chooseImgType {
+ margin-top: 20rpx;
+
+ .item {
+ text-align: center;
+ margin-right: 20rpx;
+ padding: 10rpx;
+ box-sizing: border-box;
+ justify-content: center;
+ align-items: center;
+ width: 60px;
+ border: 1px solid #eee;
+ height: 60px;
+ text-align: center;
+ border-radius: 20rpx;
+ background-color: #f4f5f7;
+
+ // background-color: red;
+ text {
+ font-size: 24rpx;
+ display: inline-block;
+ width: 100%;
+ margin-top: -10rpx;
+ }
+
+ .img {
+ margin: 0 auto;
+ }
+
+ .ss {
+ line-height: 20rpx;
+ color: #666;
+ }
+ }
+}
+
+.xufeiBtn {
+ display: block;
+ line-height: 50rpx;
+ height: 50rpx;
+ padding: 0 10rpx;
+ border: 1px solid #333;
+ border-radius: 10rpx;
+}
+
+.libOther {
+ border: 1px solid #fff;
+ border-radius: 10rpx;
+ text-align: center;
+ background-color: rgba(0, 0, 0, 0.4);
+ padding: 10rpx;
+
+ .text {
+ font-size: 26rpx;
+ line-height: 40rpx;
+ margin-bottom: 20rpx;
+ color: #fff;
+ }
+}
+
+.tag-view {
+ justify-content: center;
+ margin-bottom: 20rpx;
+
+ .btn {
+ width: 40%;
+ margin: 0 20rpx;
+ }
+}
+
+.sbmitBox {
+ button {
+ margin-top: 20rpx;
+ margin-bottom: 20rpx;
+ @include theme("btn_bg");
+ color: #fff;
+ }
+}
+
+.upimgList {
+ margin-top: 15px;
+
+ .item {
+ border: 1px solid #eee;
+ padding: 10rpx;
+ margin-right: 20rpx;
+ width: 100rpx;
+ height: 100rpx;
+ position: relative;
+
+ .imgbox {
+ height: 100rpx;
+ overflow: hidden;
+ }
+
+ image {
+ width: 100%;
+ height: 100rpx;
+ }
+
+ span {
+ display: inline-block;
+ width: 20px;
+ height: 20px;
+ position: absolute;
+ right: -10px;
+ top: -10px;
+ z-index: 1;
+ border: 1px solid #eee;
+ border-radius: 20rpx;
+ background-color: #fff;
+ line-height: 20px;
+ font-size: 26rpx;
+ text-align: center;
+ }
+ }
+}
+
+.emojiBtn {
+ .img {
+ width: 50rpx;
+ height: 50rpx;
+
+ image {
+ width: 100%;
+ height: 50rpx;
+ }
+ }
+}
+
+.editorBox {
+ width: calc(100vw - 100rpx);
+}
+
+.ql-container {
+ min-height: 50rpx !important;
+ height: auto !important;
+ border: 1px solid #eee;
+ border-radius: 50rpx;
+}
+
+.contentBox {
+ padding: 0 0rpx;
+
+ .icon {
+ width: 80rpx;
+ justify-content: center;
+ margin-left: 10rpx;
+ height: 80rpx;
+ align-items: center;
+ border: 1px solid #eee;
+ border-radius: 50rpx;
+ }
+
+ .addEmoji {
+ margin-right: 20rpx;
+ }
+
+ .imagesList {
+ margin-top: 20rpx;
+
+ .item {
+ margin-right: 20rpx;
+ }
+ }
+}
+
+//
+
+.liuyanBox {
+ padding: 0 20rpx;
+ margin-top: 20rpx;
+
+ .contentBoxfirstLeve {
+ width: calc(100% - 70rpx);
+ }
+}
+
+.vipSee {
+ position: absolute;
+ left: 0;
+ top: 0;
+ font-size: 24rpx;
+ background-image: linear-gradient(90deg, #6429db 0%, #0075ed 100%);
+ // @include theme("btn_bg");
+ color: #fff;
+ padding: 10rpx;
+ border-radius: 0 50rpx 50rpx 0;
+}
+
+.leve {
+ margin-bottom: 20rpx;
+
+ .imgbox {
+ border: 1px solid #eee;
+ margin-right: 10rpx;
+ width: 60rpx;
+ height: 60rpx;
+ border-radius: 100%;
+ overflow: hidden;
+ }
+
+ .contentBox {
+ font-size: 24rpx;
+
+ .name {
+ color: #999;
+ @include toe();
+ }
+
+ .content {
+ color: #333;
+ font-size: 26rpx;
+ margin-top: 10rpx;
+ }
+
+ .others {
+ margin-top: 10rpx;
+ color: #999;
+ align-items: center;
+
+ .dianzan {
+ align-items: center;
+ }
+
+ .pinglun {
+ align-items: center;
+ margin-left: 10rpx;
+ margin-right: 20rpx;
+ }
+ }
+ }
+}
+
+.showFew {
+ .icon_item1 {
+ -moz-transform: rotate(90deg);
+ -webkit-transform: rotate(90deg);
+ }
+}
+
+.showAll {
+ .icon_item {
+ -moz-transform: rotate(-90deg);
+ -webkit-transform: rotate(-90deg);
+ }
+}
+
+.fold {
+ // 折叠状态
+ height: 500rpx;
+ overflow: hidden;
+}
+
+.linkPro {
+ margin-bottom: 20rpx;
+ background: rgba(255, 255, 255, 0.85) !important;
+
+ // padding:0 20rpx;
+ .more {
+ font-size: 24rpx;
+ color: #666;
+ }
+}
+
+.zhezhe {
+ text-align: center;
+ width: 100%;
+ box-sizing: border-box;
+ padding: 20rpx;
+ z-index: 1;
+ position: absolute;
+ bottom: 0;
+ left: 0;
+ background-position: left bottom;
+ background-image: url(@/static/zhedieBg.png);
+ background-repeat: repeat-x;
+
+ .icon {
+ justify-content: center;
+ }
+
+ text {
+ color: $themeColor;
+ font-size: 26rpx;
+ }
+}
+
+.graybg {
+ // background-color: $containerColor;
+}
+
+.scroll-view_H {
+ background-color: #fff;
+ white-space: nowrap;
+ padding: 10rpx;
+ margin-top: 12rpx;
+
+ .item {
+ padding: 10rpx;
+ overflow: hidden;
+ display: inline-block;
+ padding-bottom: 0;
+ width: 210rpx !important;
+ margin-right: 8rpx;
+ border-radius: 10rpx;
+
+ image {
+ display: block;
+ width: 100%;
+ height: 260rpx;
+ }
+
+ .bookName {
+ display: block;
+ margin-top: 6rpx;
+ color: #666;
+ font-size: 24rpx;
+ white-space: nowrap;
+ overflow-x: hidden;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ }
+ }
+}
+
+.proListPrice {
+ text-align: center;
+
+ .title {
+ font-size: 28rpx;
+ margin: 10px 0;
+ }
+
+ .list {
+ padding: 0 10px;
+ padding-bottom: 20rpx;
+
+ .item {
+ font-size: 26rpx;
+ color: #333;
+ margin-bottom: 10rpx;
+ line-height: 80rpx;
+ border-radius: 50rpx;
+ border: 1px solid #eee;
+ }
+
+ .item.active {
+ color: $themeColor;
+ border: 1px solid $themeColor;
+ }
+
+ .item:last-child {
+ // border-bottom: none
+ }
+ }
+
+ .tbn {
+ justify-content: center;
+ }
+
+ .buybtn {
+ background-color: #00d8df;
+ margin: 0;
+ margin-right: 20rpx;
+
+ text {
+ color: #fff;
+ }
+ }
+
+ .saveBtnss {
+ align-items: center;
+ justify-content: center;
+ height: 80rpx;
+
+ // width: 46%;
+ overflow: hidden;
+ border-radius: 50rpx;
+
+ text {
+ padding-left: 10rpx;
+ font-size: 28rpx;
+ }
+ }
+
+ .gouwuche {
+ border: 1px solid #666;
+ padding-right: 20rpx;
+
+ text {
+ // color: #fff;
+ }
+ }
+}
+
+.vipBtn {
+ @include theme("vipbtnbg");
+ border-radius: 100rpx;
+ justify-content: center;
+ width: auto;
+ padding: 0 20rpx;
+ color: #fff;
+ margin: 10rpx auto;
+}
+
+.buyBtn {
+ background: #f42c32 !important;
+ // background:
+}
+
+.buyBox {
+ // position: fixed;
+ // z-index: 2;
+ // bottom: 100rpx;
+ // left: 0;
+ @include pleft_right(4px);
+ // @include mshadow(10px, 1);
+ padding: 20rpx 10rpx;
+ width: 100%;
+ font-size: 28rpx;
+ flex-wrap: wrap;
+ background-image: linear-gradient(
+ 60deg,
+ #e0e9f6 0%,
+ #ece6fa 30%,
+ #d7e8f0 60%,
+ #fff 100%
+ );
+ // background: rgba(255, 255, 255, 0.9);
+
+ .item {
+ width: 100%;
+ text-align: center;
+ line-height: 70rpx !important;
+ }
+
+ .tbn {
+ align-items: center;
+ }
+
+ .buybtn {
+ color: #fff;
+ }
+}
+
+.supermarketBox {
+ @include pleft_right(5px);
+
+ .borderbb {
+ background-image: linear-gradient(180deg, #468aff 0%, #46c0ff 100%);
+ @include pleft_right(10px);
+ border-radius: 20rpx;
+ @include ptop_bottm(10px);
+ @include mshadow(10px, 1);
+ }
+
+ .name {
+ font-size: 24rpx;
+ @include toe();
+ margin-top: 10rpx;
+ }
+
+ .price {
+ // text-align: center;
+ font-size: 26rpx;
+ font-weight: bold;
+ color: $themeColor;
+ padding-top: 10rpx;
+ }
+
+ .tips {
+ margin-top: 10px;
+ background-color: #e9f0ff;
+ padding: 5px;
+ border-radius: 5px;
+ font-size: 24rpx;
+
+ text {
+ font-weight: bold;
+ color: $themeColor;
+ }
+ }
+}
+
+.curseImg {
+ image {
+ width: 100%;
+ height: 500rpx;
+ }
+}
+
+.courseList {
+ position: relative;
+ padding-bottom: 50px;
+ // background-color: #fff;
+ // padding: 0 20rpx;
+ background-image: linear-gradient(0deg, #e9f0ff 0%, #fbfbff 100%);
+
+ .item {
+ padding: 0 20rpx;
+ font-size: 26rpx;
+ // min-height: 96rpx;
+ overflow: hidden;
+ line-height: 96rpx;
+ border-bottom: 1px solid #ececec;
+
+ text {
+ @include toe();
+ }
+ }
+}
+
+.containerBg1 {
+ border-top: 1px solid #fff;
+ margin-top: -4rpx;
+ // position: relative;
+ z-index: 1;
+
+ border-radius: 30rpx 30rpx 0 0;
+ // background-color: #fff;
+ // overflow: hidden;
+}
+
+.containerBg {
+ // background-color: #f4f7ff;
+ // overflow: hidden;
+ padding: 0 20rpx;
+ padding-bottom: 40rpx;
+}
+
+.buyBox {
+}
+
+.vipBgColor {
+ // background-color: #8265f9 !important;
+}
+
+.coursePart {
+ margin-top: 20rpx;
+ @include ptop_bottm(10px);
+ border-radius: 20rpx 20rpx 0 0;
+ @include pleft_right(10px);
+ align-items: flex-end;
+ // @include mshadow(10px, 1);
+ margin-top: 20rpx;
+ padding: 0 20rpx;
+ padding-top: 20rpx;
+ // background-color: $themeColor;
+
+ .item {
+ justify-content: center;
+ align-items: center;
+ color: #fff;
+ width: 100%;
+ text-align: center;
+ padding: 16rpx 0;
+ margin-right: 10rpx;
+ border-radius: 20rpx 20rpx 0 0;
+ border: 1px solid #fff;
+ border-bottom: none;
+ background-color: rgba(0, 0, 0, 0.4);
+
+ text {
+ font-size: 30rpx;
+ }
+ }
+
+ .item:last-child {
+ margin-right: 0;
+ }
+
+ .item.active {
+ // background-color: #fbfbff;
+ background-color: $themeColor;
+ color: #fff;
+ padding: 20rpx 0 !important;
+
+ text {
+ font-size: 36rpx !important;
+ }
+ }
+}
+
+.btnContainer {
+ border-top: 1px solid #cac6e1;
+ margin-top: 20rpx;
+ padding-top: 20rpx;
+ justify-content: space-between;
+
+ margin-bottom: 20rpx;
+}
+
+.buybtn {
+ border-radius: 100rpx;
+ justify-content: center;
+ width: 150px;
+ margin: 10rpx auto;
+ @include theme("btn_bg");
+}
+
+.priceBox {
+ background: rgba(255, 255, 255, 0.8);
+ border-radius: 20rpx;
+ padding: 10px;
+ margin-bottom: 10px;
+ justify-content: space-between;
+ // border-top: 1rpx solid #e7e7e7;
+ // border-bottom: 1rpx solid #e7e7e7;
+ padding: 10px 0;
+
+ .price {
+ width: 100%;
+ text-align: center;
+ }
+
+ .price:first-child {
+ border-right: 1px solid #cac6e1;
+ }
+}
+
+.prof {
+ font-size: 26rpx;
+ line-height: 50rpx;
+ padding: 10rpx 0;
+ color: #333;
+ // background-color: #f0f0f0;
+ // margin-bottom: 10rpx;
+}
+
+.catalogueTitle {
+ justify-content: space-between;
+ overflow: hidden;
+ // background-image: linear-gradient(108deg, #cae9f9 0%, #e1f6fc8c 50%);
+
+ // background-image: linear-gradient(180deg, #cfe0ff 0%, #fff 50%);
+ // padding: 0 20rpx;
+ font-size: 40rpx;
+
+ .learnBtn {
+ margin-bottom: 20rpx;
+ width: 150rpx;
+ text-align: center;
+ border: 1px solid $themeColor;
+ color: $themeColor;
+ line-height: 60rpx;
+ height: 60rpx;
+ font-size: 28rpx;
+ margin-top: 40rpx;
+ }
+
+ .price {
+ color: #ff582e;
+ font-size: 32rpx;
+
+ i {
+ font-style: normal;
+ font-size: 60rpx;
+ font-weight: bold;
+ }
+ }
+
+ .title {
+ display: block;
+ font-size: 30rpx;
+ margin-top: 20rpx;
+ font-weight: bold;
+ margin-bottom: 20rpx;
+ }
+
+ .saveBtn {
+ align-items: center;
+ justify-content: center;
+ height: 80rpx;
+ background-color: #00d8df;
+ // width: 46%;
+ overflow: hidden;
+ border-radius: 30rpx;
+
+ text {
+ padding-left: 10rpx;
+ font-size: 28rpx;
+ color: #fff;
+ }
+ }
+}
+
+.curseSet {
+ margin-right: 10px;
+}
+
+.shitingLIst {
+ background-color: #fff;
+ padding: 20rpx;
+ margin-bottom: 20rpx;
+
+ .item {
+ align-items: center;
+ border: none !important;
+ line-height: 30rpx !important;
+ margin-right: 20rpx;
+ }
+}
+
+.flexbox {
+ display: flex;
+}
+
+.imgcontainer {
+ background-color: $imgBg;
+}
+
+.fdButtonBox {
+ border-radius: 50rpx !important;
+ border: 1rpx solid $themeColor;
+ background-color: $themeColor;
+ color: #fff !important;
+ // width: 100%;
+ float: right;
+ padding: 4rpx 14rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ line-height: 30rpx;
+ border-radius: 10rpx;
+ box-sizing: border-box;
+
+ // margin-top: 20rpx;
+ // display: flex;
+ // align-items: center;
+}
+
+.fdButtonBoxRed {
+ border: 1rpx solid red;
+ background-color: red;
+ padding: 8rpx 14rpx;
+ font-size: 28rpx;
+ color: #fff !important;
+}
+
+/deep/.u-alert--warning--light {
+ background-color: none !important;
+}
+
+/deep/.u-alert__text--warning--light {
+ color: #fff !important;
+}
+
+/deep/.u-alert {
+ background: none !important;
+}
+
+/deep/.u-icon__icon--warning {
+ color: #fff !important;
+}
+/deep/.uni-tag {
+ border-width: 2rpx !important;
+}
+/deep/.uni-section {
+ background: transparent !important;
+}
+
+/deep/.uni-section .uni-section-header {
+ padding-top: 10rpx !important;
+ padding-bottom: 10rpx !important;
+}
+
+/deep/.uni-section .uni-section-header {
+ padding-left: 0rpx !important;
+ // padding-bottom: 10rpx !important;
+}
+
+.chapter_title {
+ width: 100%;
+ font-size: 28rpx;
+ display: flex;
+ align-items: center;
+ position: relative;
+
+ // justify-content: space-between;
+ .top {
+ width: 100%;
+ display: flex;
+ align-items: center;
+
+ .left {
+ display: flex;
+ align-items: center;
+ }
+
+ .right {
+ // float: right;
+ position: absolute;
+ right: 0;
+ }
+ }
+
+ .not_purchased {
+ position: relative;
+
+ .spot {
+ width: 8rpx;
+ height: 8rpx;
+ position: absolute;
+ right: -4rpx;
+ border-radius: 8rpx;
+ background-color: #33435d;
+ bottom: -4rpx;
+ }
+
+ color: #33435d;
+ margin-left: 20rpx;
+ font-size: 24rpx;
+ padding: 0 20rpx;
+ border-bottom: 2rpx dotted #33435d;
+
+ text {
+ margin: 0 10rpx;
+ letter-spacing: 1rpx;
+ }
+ }
+}
+
+.course_title {
+ align-items: center;
+ justify-content: space-between;
+ background: #fff;
+}
+
+.courseTitle {
+ width: calc(100% - 220rpx);
+ padding: 20rpx;
+ font-size: 38rpx;
+ font-weight: bold;
+ // background-image: url(@/static/bg1.jpg);
+ background-size: cover;
+ background-repeat: no-repeat;
+}
+
+.start_learn_btn {
+ width: 200rpx;
+ height: 60rpx;
+ margin-right: 10rpx;
+ text-align: center;
+ line-height: 60rpx;
+ color: #fff;
+ font-size: 36rpx;
+ background-image: url(@/static/icon/start_learn_btn.png);
+ background-size: 100% 100%;
+ background-repeat: no-repeat;
+}
+
+.popup_box {
+ padding-bottom: 20rpx;
+ width: 85vw;
+ overflow: hidden;
+ position: relative;
+ height: auto;
+
+ .title {
+ font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+ font-weight: normal;
+ font-size: 46rpx;
+ color: $themeColor;
+ background-color: #f5f5f5;
+ // line-height: 46rpx;
+ padding: 20rpx;
+ // border-leradius: 6px;
+ border-top-left-radius: 6px;
+ border-top-right-radius: 6px;
+ }
+
+ .content {
+ font-size: 26rpx;
+ letter-spacing: 0.15rpx;
+ padding: 20rpx;
+ color: #3f3f3f;
+
+ .top {
+ margin: 30rpx 0;
+ }
+
+ .center {
+ line-height: 40rpx;
+ // padding:0 10rpx;
+ }
+
+ .bottom {
+ width: 100%;
+ margin-top: 60rpx;
+
+ font-size: 24rpx;
+ line-height: 26rpx;
+ color: #b0b0b0;
+ }
+ }
+
+ .button_box {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ margin-top: 20rpx;
+
+ .u-button {
+ margin-left: 40rpx;
+ }
+
+ .u-button:nth-child(1) {
+ margin-left: 0;
+ }
+ }
+}
+
+.subLine {
+ * {
+ display: inline !important;
+ }
+}
+
+.item_videoList {
+ padding: 10rpx 0;
+ width: 100%;
+ // display: flex;
+ align-items: center;
+ justify-content: space-between;
+
+ .textBox {
+ padding: 20rpx 0;
+ align-items: center;
+ justify-content: start;
+ width: 100%;
+ font-size: 28rpx;
+
+ text {
+ color: #1e2f3e;
+ }
+ }
+
+ .textBox.lock {
+ width: calc(100% - 60rpx);
+ }
+
+ .shitingTag {
+ display: flex;
+ }
+}
+
+.commonDetailPage {
+}
+
+.course_info_box {
+ margin-bottom: 10rpx;
+
+ // padding:20rpx;
+ .course_info {
+ box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
+ background: #f2f8ff;
+ // border-radius:20rpx;
+ overflow: hidden;
+ }
+}
+
+.catalogue_title {
+ background: linear-gradient(130deg, #162a4f 0%, #1e4c7d 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ font-size: 42rpx;
+ font-weight: bold;
+ letter-spacing: 4rpx;
+
+ // border:4rpx solid #1FB2F8;
+ // box-shadow: 0 2px 12px 0 rgba(255,255,255,.1);
+ // border-radius:40rpx;
+ // color:#fff;
+ // width:200rpx;
+ // height:70rpx;
+ // display:inline-block;
+ // padding:10rpx 20rpx;
+}
+
+.vipchapter_content {
+ position: relative;
+ padding-top: 50rpx !important;
+ background-color: #f2e6ff !important;
+ background-image: none !important;
+ border-color: #6429db !important;
+}
+
+.chapter_content {
+ padding: 20rpx;
+ border: 4rpx solid #fffffc;
+ background-image: linear-gradient(52deg, #e8f6ff 0%, #e3f2fe 50%);
+ box-shadow: 0px 0px 10px 0px #89c8e9 !important;
+ border-top-right-radius: 40rpx;
+ border-bottom-left-radius: 40rpx;
+
+ .item {
+ border-bottom: 1px solid #fff;
+ }
+
+ .videoList {
+ // padding:0 20rpx;
+ display: flex;
+ align-items: center;
+
+ // justify-content: space-between;
+ .video_item {
+ width: 24%;
+ font-size: 22rpx;
+ margin: 10rpx 0;
+ background: rgba(255, 255, 255, 0.85);
+ box-shadow: 0 2px 12px 0 rgba(255, 255, 255, 0.1);
+ border-radius: 10rpx;
+ padding: 10rpx 20rpx;
+ margin-right: 1%;
+
+ color: #333;
+ letter-spacing: 2rpx;
+ }
+ }
+}
+
+.line {
+ width: 16rpx;
+ height: 50rpx;
+ border-top-right-radius: 12rpx;
+ border-bottom-right-radius: 12rpx;
+ margin-right: 20rpx;
+ background-image: linear-gradient(108deg, #2786eb 0%, #35a6ff 100%);
+}
+
+.containerBg2 {
+ // padding-top: 40rpx;
+ // margin-top: 100rpx;
+ background: linear-gradient(108deg, #c3e7ff 0%, #59bafe 100%) !important;
+
+ .shiting {
+ line-height: 100rpx;
+ background: linear-gradient(130deg, #4fa1fd 0%, #12f3ff 100%);
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ margin-bottom: 20rpx;
+ // background-image: linear-gradient(108deg, #4FA1FD 100%, #4FA1FD 0%);
+ // border:4rpx solid #1FB2F8;
+ // box-shadow: 0 2px 12px 0 rgba(255,255,255,.1);
+ // border-radius:40rpx;
+ color: #fff;
+ // width:200rpx;
+ // height:70rpx;
+ // display:inline-block;
+ // padding:10rpx 20rpx;
+ font-size: 72rpx;
+ text-align: center;
+ }
+
+ .shiting_content {
+ padding: 20rpx;
+ }
+}
+
diff --git a/pages/mine/vip/index.vue b/pages/mine/vip/index.vue
index 766f919..4be91a9 100644
--- a/pages/mine/vip/index.vue
+++ b/pages/mine/vip/index.vue
@@ -1,87 +1,61 @@
-
-
-
-
-
+
+
+
-
+
-
-
-
-
-
+
+
+
+
+`">
-
-
-
-
-
-
-
-
-
-
- {{ item.title }}
- ￥{{ item.lastFee }}
-
-
-
-
-
-
-
-
+
+
+ {{ item.title }}
+ ￥{{ item.lastFee }}
+
+
+
+
+
+
+
+
-
-
-
+
+
+
+
+ .aui-text-danger {
+ display: inline-block;
+ float: right;
+ }
+ }
+
+ .vip_image_box {
+ @include themFlex(center, center);
+ margin-bottom: 20rpx;
+ }
+
+ .vip_image {
+ width: 60rpx;
+ height: 60rpx;
+ // float: left;
+ }
+
+ /deep/.list_item {
+ .rightArrow {
+ margin-top: 10rpx !important;
+ }
+ }
+
+ .flash_sale_content {
+ width: 100%;
+ display: flex;
+ overflow: hidden;
+ height: 100%;
+ align-items: center;
+ justify-content: space-between;
+
+ .flash_sale_content_item {
+ width: auto;
+ min-width: 47%;
+ min-height: 48%;
+ margin: 10rpx !important;
+ border-radius: 20rpx;
+ overflow: hidden;
+ position: relative;
+
+ .vip_content {
+ width: 100%;
+ height: calc(100% - 80rpx);
+ // padding: 20rpx;
+ padding-top: 0;
+ // display: flex;
+ // align-items: center;
+ // justify-content: center;
+ // flex-direction: column;
+ position: relative;
+ }
+ }
+
+ .book_image {
+ width: 165rpx;
+ height: 192rpx;
+ border-radius: 10rpx;
+ background-color: #f5f5f5;
+ }
+
+ .book_name {
+ border-radius: 20rpx;
+ padding: 10rpx 20rpx;
+ padding-top: 20rpx;
+ // height: 80rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-weight: bold;
+ font-size: 46rpx;
+ line-height: 48rpx;
+ color: #64bec5;
+ text-align: center;
+ // margin-bottom: 10rpx;
+ overflow: hidden;
+ // text-overflow: ellipsis;
+ white-space: wrap;
+ }
+ }
+
+ .vip_button_list {
+ width: 100%;
+ max-height: 200rpx;
+ // @include themFlex(center, space-between);
+ // flex-direction: column;
+ padding-top: 0;
+ // display: flex;
+ padding: 20rpx 10rpx;
+ text-align: center;
+ position: absolute;
+ bottom: 20rpx;
+ left: 0;
+ width: 100%;
+
+ // justify-content: center;
+ // flex-direction: column;
+ .vip_button {
+ color: #265354;
+ width: 100%;
+ height: 80rpx !important;
+ // line-height: 80rpx;
+ display: flex;
+ // align-items: center;
+ justify-content: space-around;
+ padding: 0 0rpx;
+ font-size: 26rpx;
+ font-weight: bold;
+ width: 100%;
+ border-radius: 40rpx;
+ // line-height: 80rpx;
+ margin-top: 20rpx;
+ white-space: wrap;
+
+ view {
+ display: flex;
+ line-height: 30rpx;
+ align-items: center;
+ justify-content: center;
+ }
+ }
+
+ .vip_button:first-child {
+ margin-top: 0 !important;
+ }
+ }
+
+ .qunyi_box {
+ height: calc(100% - 280rpx);
+ color: #333;
+ font-weight: bold;
+ padding-left: 10rpx;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .item {
+ line-height: 60rpx;
+ text-align: center;
+ padding: 0 10rpx;
+ border: 1px solid #64bec5;
+ border-radius: 50rpx;
+ margin-bottom: 20rpx;
+ }
+
+ }
+
+ .popup_box {
+ max-height: 95vh;
+ overflow: auto;
+ }
+
\ No newline at end of file
diff --git a/pages/mine/vip/order.vue b/pages/mine/vip/order.vue
index dcbce56..56a60e7 100644
--- a/pages/mine/vip/order.vue
+++ b/pages/mine/vip/order.vue
@@ -1,112 +1,66 @@
-
-
+
+
-
-
- 支付方式
+
+
+ 支付方式
-
-
-
-
-
-
-
-
-
- {{ v.text }}
-
- (余额：{{
+
+
+
+
+
+
+
+
+
+ {{ v.text }}
+
+ (余额：{{
initData && initData.user ? initData.user.peanutCoin : 0
- }})
-
+ }})
+
- {{ v.text }}
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
-
-
- 确保您的天医币足够支付
-
+ ">
+
+
+ 确保您的天医币足够支付
+
- 立即充值
-
+ 立即充值
+
-
- 说明
- 1. 1天医币 = 1元人民币
-
- 2.若有疑问或意见请致电客服
- 022-24142321
-
-
-
- 3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
- 支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
-
- publisher@tmrjournals.com
-
- （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
-
- yilujiankangkefu ）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
-
-
-
-
-
+ 3.非中国大陆用户可以信用卡支付。简单快捷，推荐使用！
+ 支付时使用的信用卡需要带有Visa或MasterCard的标识。请向邮箱
+
+ publisher@tmrjournals.com
+
+ （点击复制）发送支付请求，内容需包含：拟购买的课程名称、支付金额、APP注册姓名及手机号码，或者加一路健康客服微信（
+
+ yilujiankangkefu ）（点击复制）联系我们，我们将在24小时内向您的邮箱或者微信发送支付链接，根据提示即可完成信用卡支付，无需兑换外币。
+
+
+
+
+
-
-
-
-
-
-
-
-
-
-
- 合计：
+ }%;padding-left: 15px; padding-right: 15px; height: 68rpx;`" :list="cateList"
+ :currentCateIndex="currentCateIndex" @handleselectCate="handleselectCate">
+
+
+
+
+
+
+
+
+ 合计：
- ￥{{ dataInfo.lastFee }}
-
-
-
-
-
-
+
+
+
+
-
+
-
-
+
+
+ @import "@/style/mixin.scss";
+
+ .pay_title {
+ text-align: center;
+ font-size: 32rpx;
+ margin-bottom: 40rpx;
+ }
+
+ .order_box {
+ padding: 20rpx;
+
+ .order_top {
+ background-color: #fff;
+ margin-bottom: 20rpx;
+ }
+
+ .goods_item {
+ //
+ width: 100%;
+ overflow: hidden;
+
+ .textarea {
+ margin-top: 20rpx;
+ background-color: #fffdfd;
+ }
+
+ .goods_item_img {
+ width: 140rpx;
+ height: 140rpx;
+ float: left;
+ background-color: #f5f5f5;
+ border-radius: 10rpx;
+ }
+
+ .normal_box {
+ width: calc(100% - 160rpx);
+ height: auto;
+ float: right;
+
+ // overflow: hidden;
+ .normal_box_top {
+ width: 100%;
+ display: flex;
+
+ height: 100rpx;
+ // margin-bottom: 40rpx;
+ }
+ }
+ }
+ }
+
+ .u-grid-list {
+ // height: 40rpx;
+ }
+
+ .flexbox {
+ display: flex;
+ }
+
+ .dataList {
+ height: 100%;
+ }
+
+ .titleList2 {
+ height: calc(100% - 150rpx);
+ }
+
+ .priceDetail {
+ height: calc(100% - 180rpx) !important;
+ padding: 0rpx 0;
+ box-sizing: border-box;
+ }
+
+ .componentPage {
+ height: calc(100% - 90rpx) !important;
+ }
+
+ .dateReminder {
+ width: 100%;
+ font-size: 24rpx;
+ text-align: right;
+ line-height: 40rpx;
+ }
+
+ .fdButtonBox {
+ border: 1rpx solid $themeColor;
+ background-color: $themeColor;
+ color: #fff;
+ // width: 100%;
+ float: right;
+ padding: 4rpx 14rpx;
+ font-size: 24rpx;
+ font-weight: 500;
+ line-height: 30rpx;
+ border-radius: 10rpx;
+ box-sizing: border-box;
+
+ // margin-top: 20rpx;
+ // display: flex;
+ // align-items: center;
+ }
+
+ .commonDetailPage {
+ padding: 0 !important;
+ padding-bottom: 150rpx !important;
+ }
+
+ .goods_box {
+ background-color: #fff;
+ // margin-top: 20rpx;
+ // padding: 40rpx 30rpx;
+ box-sizing: border-box;
+ width: 100%;
+
+ .title {
+ color: #333;
+ font-weight: 600;
+ margin-bottom: 20rpx;
+ }
+
+ .curriulum_title_box {
+ width: calc(100%) !important;
+ padding-bottom: 20rpx;
+ background-color: #fff;
+
+ .curriulum_title {
+ width: calc(100% - 80rpx);
+ font-weight: 500;
+ font-size: 30rpx;
+ // line-height: 40rpx;
+ // display: flex;
+ // align-items: center;
+ margin-top: 10rpx;
+ float: left;
+ margin-bottom: 0rpx;
+ color: #333;
+ // padding: 20rpx;
+ box-sizing: border-box;
+ }
+ }
+ }
+
+ .dataList {
+ background-color: #fff !important;
+ padding: 0 30rpx 40rpx !important;
+ box-sizing: border-box;
+ }
+
+ /deep/.titleItem {
+ // width: calc(100% - 120rpx) !important;
+ }
+
+ /deep/.scroll-view-item:nth-child(2n-1) {
+ background-color: transparent !important;
+ }
+
+ .dataList {
+ height: auto !important;
+ }
+
+ .related_courses_box {
+ background-color: #fff;
+
+ .small_class_teaching_content {
+ padding: 10rpx 20rpx;
+ box-sizing: border-box;
+ }
+ }
+
+ .related_courses_name {
+ display: inline-block;
+ width: calc(100% - 150rpx) !important;
+
+ .aui-text-danger {
+ display: inline-block;
+ float: right;
+ }
+ }
+
+ .original_price {
+ font-size: 28rpx !important;
+ font-weight: 500;
+ color: #999 !important;
+ white-space: nowrap;
+ text-decoration: line-through;
+ float: left;
+ margin-top: 6rpx;
+ }
+
+ .price {
+ width: auto;
+ font-size: 30rpx;
+ font-weight: 600;
+ float: right;
+ margin-right: 10rpx;
+ color: #333;
+ // font-family: PangMenZhengDaoBiaoTiTiMianFeiBan;
+ }
+
+ .price_box {
+ width: auto;
+ overflow: hidden;
+ margin-top: 10rpx;
+ }
+
+ .commonTags {
+ margin-right: 20rpx;
+ margin-top: -5rpx !important;
+ }
+
+ .sales_number {
+ text-decoration: none;
+ color: #b0b0b0;
+ font-weight: 500;
+ }
+
+ // .common_curriculum_list{
+
+ // }
+ /deep/.common_curriculum_list {
+ margin-top: 20rpx;
+ padding: 20rpx 20rpx 20rpx;
+
+ .content_item {
+ width: 100% !important;
+ margin-bottom: 0 !important;
+ padding: 15rpx 0 0rpx;
+ border-top: 1rpx solid #f1f0f0;
+ // height: 160rpx;
+
+ .book_image {
+ width: 60rpx !important;
+ height: 60rpx !important;
+ float: left !important;
+ background-color: #f5f5f5;
+ }
+
+ .common_curriculum_item {
+ width: calc(100% - 88rpx);
+ float: right;
+ display: block !important;
+
+ // overflow: hidden;
+
+ .related_courses_name {
+ width: 100% !important;
+ }
+ }
+ }
+
+ .content_item:nth-child(1) {
+ border-top: none !important;
+ }
+ }
+
+ /deep/.common_section {
+ padding: 0 !important;
+ padding-bottom: 20rpx !important;
+ }
+
+ .goods_detail_list_title {
+ display: block;
+ padding-top: 20rpx;
+ padding-bottom: 40rpx;
+
+ .linlanzhifu {
+ display: flex;
+ align-items: center;
+ }
+
+ .other_info {
+ font-size: 28rpx;
+ // color: #aaa;
+ color: #5a5a5a;
+
+ .explain {}
+ }
+
+ .left {
+ display: flex;
+ align-items: center;
+ }
+
+ .right {
+ font-size: 24rpx;
+ font-weight: 500 !important;
+ color: #999;
+ font-family: none;
+ }
+
+ // justify-content: space-between;
+ }
+
+ .commonPageContentBox {
+ height: auto !important;
+ }
+
+ .minus {
+ width: 50rpx;
+ height: 50rpx;
+ border-width: 2rpx;
+ border-color: #e6e6e6;
+ border-right-color: transparent;
+
+ border-top-left-radius: 10rpx;
+ border-bottom-left-radius: 10rpx;
+ border-style: solid;
+ // border-top-left-radius: 100px;
+ // border-top-right-radius: 100px;
+ // border-bottom-left-radius: 100px;
+ // border-bottom-right-radius: 100px;
+ // border-radius:10rpx;
+ @include flex;
+ justify-content: center;
+ align-items: center;
+ }
+
+ .input {
+ padding: 0 10px;
+ height: 50rpx;
+ border: 1rpx solid #e6e6e6;
+ }
+
+ .plus {
+ width: 50rpx;
+ height: 50rpx;
+ border-width: 2rpx;
+ border-color: #e6e6e6;
+ border-left-color: transparent;
+ border-style: solid;
+ // background-color: #258feb;
+
+ border-top-right-radius: 10rpx;
+ border-bottom-right-radius: 10rpx;
+ /* #ifndef APP-NVUE */
+ display: flex;
+ /* #endif */
+ justify-content: center;
+ align-items: center;
+ color: $themeColor;
+ }
+
+ .order_bottom_box {
+ position: absolute;
+ right: 20rpx;
+
+ .number {
+ font-size: 28rpx;
+ margin-right: 15rpx;
+ margin-top: 5rpx;
+ }
+
+ .price {
+ .total {
+ font-size: 38rpx;
+ color: red;
+ }
+ }
+ }
+
+ /deep/.goods_nav_box {
+ .left {
+ margin-top: -10rpx;
+ width: calc(100% - 180rpx);
+ height: auto;
+ position: relative;
+ // overflow: hidden;
+ }
+ }
+
+ .explain {
+ word-wrap: break-word;
+ word-break: normal;
+ word-break: break-all; //会断词
+ // white-space: nowrap;
+ }
+
+ .order_bottom_box {
+ display: flex;
+ align-items: center;
+ }
+
+ .pay_box {
+ .pay_item {
+ border-bottom: 1rpx solid #eeecec;
+ padding-top: 20rpx;
+ justify-content: space-between;
+
+ .top {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ .left {
+ line-height: 50rpx;
+ font-family: MicrosoftYaHei;
+ font-weight: 500;
+
+ color: #242323;
+
+ .pay_item_img {
+ width: 50rpx;
+ height: 50rpx;
+ float: left;
+ margin-right: 20rpx;
+ }
+ }
+
+ .bottom {
+ width: calc(100% - 60rpx);
+ float: right;
+ // background-color: #dcdfe6;
+ background-color: #f5f5f5;
+ border-radius: 20rpx;
+ margin-top: 20rpx;
+
+ .jf_box {
+ width: 100%;
+ display: flex;
+ align-items: center;
+ padding: 0 20rpx;
+ box-sizing: border-box;
+ justify-content: space-between;
+ color: #aaa;
+ }
+
+ .jf_input {
+ width: calc(100% - 320rpx) !important;
+ padding: 10rpx 0;
+ box-sizing: border-box;
+ }
+ }
+ }
+
+ /deep/.pay_item:nth-last-child(1) {
+ border-bottom: none !important;
+ }
+ }
+
+ .linlanzhifu {
+ font-size: 28rpx;
+ line-height: 24rpx;
+ }
+
+ .address_box {
+ // padding: 20rpx;
+ display: flex;
+ align-items: center;
+
+ .order_top {
+ background-color: #fff;
+ // margin-bottom: 20rpx;
+ }
+
+ .user_info {
+ width: 100%;
+ float: left;
+ display: flex;
+ margin-top: 10rpx;
+ align-items: center;
+
+ .name {
+ color: #838282;
+ margin-right: 10rpx;
+ }
+
+ .tel {
+ color: #838282;
+ }
+ }
+
+ .curriulum_title {
+ width: auto;
+ font-size: 34rpx;
+ font-weight: 700;
+ float: left;
+ margin-right: 10rpx;
+ color: #333;
+ line-height: 50rpx;
+ letter-spacing: 2rpx;
+ }
+
+ .normal_box {
+ margin-left: 5rpx;
+ width: calc(100% - 120rpx);
+ }
+
+ .goods_box {
+ // padding: 20rpx 20rpx;
+ display: flex;
+ align-items: center;
+ }
+
+ .rightArrow {
+ margin-left: 40rpx;
+ width: 40rpx;
+ height: 40rpx;
+ // position: absolute;
+ // right: 30rpx;
+ }
+ }
+
+ .rightArrow {
+ width: 40rpx;
+ height: 40rpx;
+ // position: absolute;
+ // right: 30rpx;
+ }
+
+ .orderModalShow {
+ width: 100%;
+ max-height: 48vh;
+ padding-bottom: 120rpx;
+ }
+
+ .popup_box {
+ .curriulum_title_box {
+ .title {
+ text-align: center;
+ font-size: 34rpx !important;
+ padding-top: 15rpx !important;
+ margin-bottom: 60rpx !important;
+ }
+ }
+ }
+
+ .hasRemark {
+ color: #333 !important;
+ font-size: 40rpx !important;
+ }
+
+ .bgGrey {
+ // background-color: #f5f5f5;
+ }
+
+ .pay_info {
+ margin-bottom: 60rpx;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ }
+
+ /deep/.commonDetailPage {
+ height: 100vh !important;
+ }
+
\ No newline at end of file