|
@@ -22,6 +22,7 @@
|
|
|
autoplay
|
|
autoplay
|
|
|
controls
|
|
controls
|
|
|
></video>
|
|
></video>
|
|
|
|
|
+ <p>{{videoTxt}}</p>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
<div class="tab4-1 conNull" v-else>暂 无 数 据</div>
|
|
<div class="tab4-1 conNull" v-else>暂 无 数 据</div>
|
|
@@ -40,6 +41,7 @@ export default {
|
|
|
videoSrc: "",
|
|
videoSrc: "",
|
|
|
videoList: [],
|
|
videoList: [],
|
|
|
baseURL: "",
|
|
baseURL: "",
|
|
|
|
|
+ videoTxt:''
|
|
|
};
|
|
};
|
|
|
},
|
|
},
|
|
|
// 监听属性 类似于data概念
|
|
// 监听属性 类似于data概念
|
|
@@ -49,6 +51,7 @@ export default {
|
|
|
// 方法集合
|
|
// 方法集合
|
|
|
methods: {
|
|
methods: {
|
|
|
async videoChange(val,ind) {
|
|
async videoChange(val,ind) {
|
|
|
|
|
+ this.videoTxt=val.name
|
|
|
this.videoSrc = val.filePath;
|
|
this.videoSrc = val.filePath;
|
|
|
this.videoInd=ind
|
|
this.videoInd=ind
|
|
|
// 记录访问量
|
|
// 记录访问量
|
|
@@ -67,6 +70,7 @@ export default {
|
|
|
this.videoSrc = this.videoList[0].filePath;
|
|
this.videoSrc = this.videoList[0].filePath;
|
|
|
// 进页面为第一个视频添加访问量
|
|
// 进页面为第一个视频添加访问量
|
|
|
if(res.data.records[0]) await webVisit("video", res.data.records[0].id);
|
|
if(res.data.records[0]) await webVisit("video", res.data.records[0].id);
|
|
|
|
|
+ this.videoTxt =res.data.records[0].name
|
|
|
// console.log(998,res);
|
|
// console.log(998,res);
|
|
|
},
|
|
},
|
|
|
beforeCreate() {}, // 生命周期 - 创建之前
|
|
beforeCreate() {}, // 生命周期 - 创建之前
|
|
@@ -120,6 +124,7 @@ export default {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
}
|
|
}
|
|
|
.video_name {
|
|
.video_name {
|
|
|
|
|
+ padding: 0 5px;
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
text-overflow: ellipsis;
|
|
text-overflow: ellipsis;
|
|
|
white-space: nowrap;
|
|
white-space: nowrap;
|
|
@@ -142,7 +147,14 @@ export default {
|
|
|
flex: 1;
|
|
flex: 1;
|
|
|
& > video {
|
|
& > video {
|
|
|
width: 100%;
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
|
|
|
|
+ height: 95%;
|
|
|
|
|
+ }
|
|
|
|
|
+ &>P {
|
|
|
|
|
+ padding: 0 10px;
|
|
|
|
|
+ text-align: center;
|
|
|
|
|
+ font-size: 18px;
|
|
|
|
|
+ height: 5%;
|
|
|
|
|
+ color: #bc4b39;
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|