|
|
@@ -52,8 +52,13 @@
|
|
|
|
|
|
|
|
|
<img src="../../assets/home/homeBG.jpg" />
|
|
|
- <view class = 'theoryLearn' @click="onTheoryLearn()">理论学习</view>
|
|
|
- <view class = 'startExperiment' @click="onStartExperiment()">开始实验</view>
|
|
|
+
|
|
|
+ <video class="myVideo" src="https://img.cdn.aliyun.dcloud.net.cn/guide/uniapp/%E7%AC%AC1%E8%AE%B2%EF%BC%88uni-app%E4%BA%A7%E5%93%81%E4%BB%8B%E7%BB%8D%EF%BC%89-%20DCloud%E5%AE%98%E6%96%B9%E8%A7%86%E9%A2%91%E6%95%99%E7%A8%8B@20200317.mp4"
|
|
|
+ @error="videoErrorCallback" :danmu-list="danmuList" enable-danmu danmu-btn controls>
|
|
|
+ </video>
|
|
|
+
|
|
|
+ <!-- <view class = 'theoryLearn' @click="onTheoryLearn()">理论学习</view>
|
|
|
+ <view class = 'startExperiment' @click="onStartExperiment()">开始实验</view> -->
|
|
|
</view>
|
|
|
</view>
|
|
|
</template>
|
|
|
@@ -63,7 +68,7 @@
|
|
|
data() {
|
|
|
return {
|
|
|
showIndex: -1,
|
|
|
-
|
|
|
+
|
|
|
menu: [{
|
|
|
"title": '虚拟仿真资产库',
|
|
|
"text": '科学实验,是指根据一定目的,运用一定的仪器、设备等物质手'
|
|
|
@@ -96,12 +101,27 @@
|
|
|
this.showIndex = index;
|
|
|
},
|
|
|
onClick_menu_btn(index) {
|
|
|
+ if(!getApp().globalData.bLogin) {
|
|
|
+ alert('请先登录')
|
|
|
+ return
|
|
|
+ };
|
|
|
+
|
|
|
this.$emit("onClick_menu_btn", index);
|
|
|
},
|
|
|
onTheoryLearn(){
|
|
|
+ if(!getApp().globalData.bLogin) {
|
|
|
+ alert('请先登录')
|
|
|
+ return
|
|
|
+ };
|
|
|
+
|
|
|
this.$emit("onTheoryLearnu_btn");
|
|
|
},
|
|
|
onStartExperiment(){
|
|
|
+ if(!getApp().globalData.bLogin) {
|
|
|
+ alert('请先登录')
|
|
|
+ return
|
|
|
+ };
|
|
|
+
|
|
|
this.$emit("onStartExperiment_btn");
|
|
|
}
|
|
|
}
|
|
|
@@ -296,4 +316,23 @@
|
|
|
margin-left: px2vw(1144);
|
|
|
margin-top: px2vw(171);
|
|
|
}
|
|
|
+
|
|
|
+ .myVideo{
|
|
|
+ position: absolute;
|
|
|
+
|
|
|
+ left: px2vw(770);
|
|
|
+ top: px2vw(371);
|
|
|
+
|
|
|
+ // width: px2vw(361);
|
|
|
+ // height: px2vw(143);
|
|
|
+
|
|
|
+ // display: flex;
|
|
|
+ // justify-content: center;
|
|
|
+ // align-items:center;
|
|
|
+
|
|
|
+ // background-color: #ff0000;
|
|
|
+ // color: #ffffff;
|
|
|
+
|
|
|
+ // border-radius: 15px 15px 15px 15px;
|
|
|
+ }
|
|
|
</style>
|