|
@@ -54,22 +54,27 @@
|
|
|
<p class="textOver">{{ dockInfo.title }}</p>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
- <el-col :span="24" class="leftvideo">
|
|
|
- <el-col :span="24" class="videoTop">
|
|
|
- <video :src="videoPath" autoplay="autoplay" controls="controls" v-if="videoData != ''" loop="loop">
|
|
|
- 您的浏览器不支持 video 标签。
|
|
|
- </video>
|
|
|
- <div class="videointro" v-else>
|
|
|
- <p>{{ dockInfo.title }}</p>
|
|
|
- </div>
|
|
|
- </el-col>
|
|
|
- <el-col :span="24" class="videoDown">
|
|
|
- <swiper :list="videoData" :options="options">
|
|
|
- <template v-slot="{ index, item }">
|
|
|
- <p :class="`${menuIndex == index ? 'indexClass' : 'videodata'}`" @click="changeMenu(index, item)">第{{ index + 1 }}辑</p>
|
|
|
- </template>
|
|
|
- </swiper>
|
|
|
- </el-col>
|
|
|
+ <el-col :span="24" :class="[dockInfo.room_id == '1006' ? 'leftvideos' : 'leftvideo']">
|
|
|
+ <span v-if="dockInfo.room_id == '1006'">
|
|
|
+ <iframe src="/videoLive.html" style="width:100%;height:100%"></iframe>
|
|
|
+ </span>
|
|
|
+ <span v-else>
|
|
|
+ <el-col :span="24" class="videoTop">
|
|
|
+ <video :src="videoPath" autoplay="autoplay" controls="controls" v-if="videoData != ''" loop="loop">
|
|
|
+ 您的浏览器不支持 video 标签。
|
|
|
+ </video>
|
|
|
+ <div class="videointro" v-else>
|
|
|
+ <p>{{ dockInfo.title }}</p>
|
|
|
+ </div>
|
|
|
+ </el-col>
|
|
|
+ <el-col :span="24" class="videoDown">
|
|
|
+ <swiper :list="videoData" :options="options">
|
|
|
+ <template v-slot="{ index, item }">
|
|
|
+ <p :class="`${menuIndex == index ? 'indexClass' : 'videodata'}`" @click="changeMenu(index, item)">第{{ index + 1 }}辑</p>
|
|
|
+ </template>
|
|
|
+ </swiper>
|
|
|
+ </el-col>
|
|
|
+ </span>
|
|
|
</el-col>
|
|
|
</el-col>
|
|
|
<!-- 视频右侧 -->
|
|
@@ -354,7 +359,7 @@ export default {
|
|
|
expeDetail, //专家详情
|
|
|
trainList, //交易列表
|
|
|
imagetxtList, //图文直播
|
|
|
- swiper,
|
|
|
+ // swiper,
|
|
|
},
|
|
|
data: () => ({
|
|
|
// 对接会详情
|
|
@@ -744,6 +749,60 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+ .leftvideos {
|
|
|
+ height: 400px;
|
|
|
+ overflow: hidden;
|
|
|
+ .videoTop {
|
|
|
+ height: 360px;
|
|
|
+ overflow: hidden;
|
|
|
+ video {
|
|
|
+ width: 100%;
|
|
|
+ height: 360px;
|
|
|
+ background: #000;
|
|
|
+ }
|
|
|
+ .videointro {
|
|
|
+ height: 360px;
|
|
|
+ text-align: center;
|
|
|
+ background-image: url('~@/assets/directBack.png');
|
|
|
+ background-size: 100% 100%;
|
|
|
+ background-repeat: no-repeat;
|
|
|
+ p {
|
|
|
+ font-size: 30px;
|
|
|
+ color: #fff;
|
|
|
+ padding: 50px 0;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
+ .videoDown {
|
|
|
+ height: 40px;
|
|
|
+ overflow: hidden;
|
|
|
+ border: 1px solid #ccc;
|
|
|
+ .videodata {
|
|
|
+ border-radius: 10px;
|
|
|
+ background: #cccccc8f;
|
|
|
+ height: 39px;
|
|
|
+ line-height: 39px;
|
|
|
+ text-align: center;
|
|
|
+ // margin: 0 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+ .videodata:hover {
|
|
|
+ cursor: pointer;
|
|
|
+ color: #fff;
|
|
|
+ background: #409eff;
|
|
|
+ }
|
|
|
+ .indexClass {
|
|
|
+ border-radius: 10px;
|
|
|
+ height: 39px;
|
|
|
+ line-height: 39px;
|
|
|
+ text-align: center;
|
|
|
+ // margin: 0 5px;
|
|
|
+ font-weight: bold;
|
|
|
+ color: #fff;
|
|
|
+ background: #409eff;
|
|
|
+ }
|
|
|
+ }
|
|
|
+ }
|
|
|
}
|
|
|
.right {
|
|
|
width: 48%;
|