Merge branch 'xqy_topic' into dev

src/pages/goodsTopic/components/buyDialog.vue

@@ -102,9 +102,14 @@ export default {
             }).then((res) => {
                 if (res.code == 200) {
                     this.courseSku = res.data || []
+                    if (this.courseSku.length) {
+                        this.skuItem = this.courseSku[0]
+                        this.skuIndex = 0
+                    }
                 } else {
                     this.$message.warning(res.msg)
                 }
+                console.log('---courseSku： ', this.courseSku)
                 this.loading = false
             }).catch(err => {
                 this.loading = false

src/pages/goodsTopic/components/catalogue.vue

@@ -10,8 +10,8 @@
                 class="video_box"
                 :style="{ backgroundImage: `url(${$tools.splitImgHost(goodsDetail.coverUrl,false)})`,}"
                 >
-                <div v-show="vid" id="player"></div>
-                <div v-show="vidzb" id="playerzb"></div>
+                <div v-show="vid" id="player" class="video"></div>
+                <div v-show="vidzb" id="playerzb" class="video"></div>
             </div>
             <div class="right-box">
                 <div class="right-box__header">
@@ -534,8 +534,8 @@ export default {
             const polyvLivePlayer = window.polyvLivePlayer;
             this.playerzb = polyvLivePlayer({
                 wrap: "#playerzb",
-                width: 700,
-                height: 528,
+                // width: 700,
+                height: 484,
                 uid: this.uidzb,
                 vid: this.vidzb,
             });
@@ -551,8 +551,8 @@ export default {
             // this.$request.obtainpolyvvideosign(this.vid).then((res) => {
             this.player = polyvPlayer({
                 wrap: "#player",
-                width: 700,
-                height: 528,
+                // width: 700,
+                height: 484,
                 vid: this.vid,
                 start: 0,
                 end: auditionMinute,

src/pages/goodsTopic/index.vue

@@ -303,7 +303,7 @@ export default {
     .course_btns {
         padding: 10px 10px 10px 115px;
         .meun_btns {
-            width: 100%;
+            width: 100px;
             .btns {
                 width: 96px;
                 height: 32px;
@@ -396,250 +396,7 @@ export default {
                 height: 528px;
                 background: url('../../assets/topic/banner_two.png') center center no-repeat;
                 background-size: 100% 100%;
-                // .con_header {
-                //     width: 1113px;
-                //     height: 44px;
-                //     background: #3F4449;
-                //     display: flex;
-                //     .con_item {
-                //         padding: 12px 20px;
-                //         font-size: 16px;
-                //         font-weight: 500;
-                //         color: #FFFFFF;
-                //         &.nactive {
-                //             background: #3F8DFD;
-                //         }
-                //     }
-                // }
-                // .course_info {
-                //     display: flex;
-                //     align-items: center;
-                //     justify-items: center;
-                // }
-                // .left_box {
-                //     width: 700px;
-                //     height: 528px;
-                //     .video {
-                //         width: 100%;
-                //         height: 100%;
-                //     }
-                // }
-                // .right-box {
-                //     width: 420px;
-                //     height: 528px;
-                //     background: #3f4449;
-                //     border-radius: 0px;
-                //     &__header {
-                //         .tabs {
-                //             /deep/.el-tabs__nav-wrap::after {
-                //                 background-color: #999;
-                //             }
-
-                //             /deep/ .el-tabs__header {
-                //                 margin: 0;
-                //             }
-
-                //             .label {
-                //                 color: #fff;
-                //                 height: 40px;
-                //                 line-height: 40px;
-                //                 padding: 0 20px;
-                //             }
-
-                //             .item {
-                //                 &__title {
-                //                     padding-left: 12px;
-                //                     height: 40px;
-                //                     line-height: 40px;
-                //                     cursor: pointer;
-                //                     font-size: 14px;
-                //                     font-family: Microsoft YaHei;
-                //                     font-weight: bold;
-                //                     color: #fff;
-
-                //                     .el-icon-caret-right,
-                //                     .el-icon-caret-bottom {
-                //                     color: #999;
-                //                     }
-                //                 }
-
-                //                 &__content {
-                //                     .bank-chapter {
-                //                         &__item {
-                //                             color: #fff;
-                //                             font-size: 14px;
-
-                //                             &__text {
-                //                             padding: 8px 8px 8px 24px;
-                //                             cursor: pointer;
-                //                             flex: 1;
-
-                //                             .el-icon-caret-right,
-                //                             .el-icon-caret-bottom {
-                //                                 color: #999;
-                //                             }
-                //                             }
-                //                         }
-                //                     }
-
-                //                     .bank-section {
-                //                         &__item {
-                //                             user-select: none;
-                //                             color: #fff;
-                //                             font-size: 14px;
-                //                             display: flex;
-                //                             align-items: center;
-
-                //                             &.active {
-                //                             background: #132b4d;
-                //                             font-size: 14px;
-                //                             font-family: Microsoft YaHei;
-                //                             font-weight: bold;
-                //                             color: #3f8dfd;
-                //                             }
-
-                //                             &__text {
-                //                             flex: 1;
-                //                             padding: 8px 8px 8px 12px;
-                //                             height: 40px;
-                //                             display: flex;
-                //                             flex-direction: column;
-                //                             justify-content: center;
-                //                             cursor: pointer;
-
-                //                             .el-icon-caret-right,
-                //                             .el-icon-caret-bottom {
-                //                                 color: #999;
-                //                             }
-                //                             }
-
-                //                             .test-btn {
-                //                             margin-left: 10px;
-                //                             width: 32px;
-                //                             height: 20px;
-                //                             background: #007aff;
-                //                             border-radius: 4px;
-                //                             line-height: 18px;
-                //                             color: #fff;
-                //                             text-align: center;
-                //                             }
-
-                //                             .note {
-                //                             margin-left: 10px;
-                //                             width: 32px;
-                //                             height: 20px;
-                //                             border: 1px solid #ff3b30;
-                //                             border-radius: 4px;
-                //                             line-height: 18px;
-                //                             color: #ff3b30;
-                //                             text-align: center;
-
-                //                             &--yellow {
-                //                                 border-color: #ff9500;
-                //                                 color: #ff9500;
-                //                             }
-
-                //                             &--blue {
-                //                                 border-color: #3f8dfd;
-                //                                 color: #3f8dfd;
-                //                             }
-                //                             }
-
-                //                             .during {
-                //                             color: #999;
-                //                             margin-right: 10px;
-                //                             }
-
-                //                             .btn {
-                //                             margin-right: 12px;
-                //                             width: 48px;
-                //                             height: 20px;
-                //                             border: 1px solid #ff3b30;
-                //                             background: #ff3b30;
-                //                             border-radius: 4px;
-                //                             line-height: 18px;
-                //                             color: #fff;
-                //                             text-align: center;
-
-                //                             &--green {
-                //                                 border: 1px solid #34c759;
-                //                                 background: #34c759;
-                //                             }
-                //                             }
-
-                //                             .live-btn {
-                //                             margin-left: 20px;
-                //                             width: 60px;
-                //                             height: 20px;
-                //                             border-radius: 4px;
-                //                             background: #eeeeee;
-                //                             line-height: 18px;
-                //                             color: #666666;
-                //                             text-align: center;
-
-                //                             &--yellow {
-                //                                 background: #fff7eb;
-                //                                 color: #ff9500;
-                //                             }
-
-                //                             &--blue {
-                //                                 border-color: #ebf4ff;
-                //                                 color: #007aff;
-                //                             }
-                //                             }
-                //                         }
-                //                     }
-                //                 }
-                //             }
-                //         }
-
-                //         .title {
-                //             height: 40px;
-                //             border-bottom: 1px solid #999;
-                //             color: #fff;
-
-                //             .select {
-                //             width: 100%;
-                //             }
-
-                //             /deep/ .el-input__icon {
-                //             width: 20px;
-                //             height: 20px;
-                //             border: 1px solid #fff;
-                //             border-radius: 4px;
-                //             margin-top: 10px;
-                //             line-height: 20px;
-                //             }
-
-                //             /deep/ .el-input__inner {
-                //             color: #fff;
-                //             font-size: 16px;
-                //             background: none;
-                //             border: 0;
-                //             }
-                //         }
-                //     }
-                //     &__body {
-                //         height: 374px;
-                //         overflow-y: scroll;
-                //         &::-webkit-scrollbar {
-                //             // width: 6px;
-                //             display: none;
-                //         }
-                //         &::-webkit-scrollbar-track {
-                //             background-color: #060e1a;
-                //             -webkit-border-radius: 2em;
-                //             -moz-border-radius: 2em;
-                //             border-radius: 2em;
-                //         }
-                //         &::-webkit-scrollbar-thumb {
-                //             background-color: #eeeeee;
-                //             -webkit-border-radius: 2em;
-                //             -moz-border-radius: 2em;
-                //             border-radius: 2em;
-                //         }
-                //     }
-                // }
+                
             }
             
         }