样式优化

components/s-video/s-video.vue

@@ -1,7 +1,7 @@
 <template>
 	<view class="video-wrapper" id="video-container">
 		<view style="position:relative;width:100%;" :style="{'height':videoHeight+'px'}">
-			<video id="video_play" :src="videoObj.videoUrl" @ended="videoEnded()" :autoplay="auto" :show-fullscreen-btn="false" :loop="isLoop" style="width: 100%;height: 90%;"></video>
+			<video id="video_play" :src="videoObj.videoUrl" @ended="videoEnded()" :autoplay="auto" :show-fullscreen-btn="false" :loop="isLoop" style="width: 100%;height: 100%;" object-fit="cover"></video>
 			<view class="question"></view>
 			<view class="popup-layer-back" v-if="!start" v-show="question">
 				<!-- <view class="popup-layer-close" @click="question=false">关闭</view> -->
@@ -316,7 +316,6 @@
 		width: 50%;
 		height: 50%;
 	}
-	
 
 	/* 设置关闭按钮 */
 	.popup-layer-close {

subpkg/practice/practice.vue

@@ -1,7 +1,7 @@
 <template>
 		<view class="wrap">
-			<!-- <view class="video-wrapper" id="video-container"></view> -->
-			<view class="stabar"></view>
+			<!-- <view class="video-wrapper" id="video-container"></view> 
+			<view class="stabar"></view>-->
 			<view class="secbar"> <label class="back" @click="back()"></label></view>
 			<view class="mainwrap3">
 				<view class="role_wrap"><sVideo :jsonId="jsonId"></sVideo></view>
@@ -53,13 +53,32 @@
 <style lang="scss">
 
 @import url("@/static/base_css.css");	
+
+.secbar {
+	position: absolute;
+	z-index: 999999;
+	background-color: transparent;
+}
+
+.secbar label.back {
+    position: absolute;
+	top: 6rpx;
+    left: 4%;
+    padding-left: 0;
+    background: url(/static/images/icon_arbw.png) no-repeat left 40% center;
+	background-size: auto 50%;
+	background-color: rgba(255, 255, 255, .2);
+	border: 1rpx solid rgba(255, 255, 255, .7);
+    border-radius: 50%;
+}
+
 .mainwrap3 {
-	top: 90rpx;
+	height: 100%;
 	background-color: #000;
 }
 .role_wrap {
 	position: relative;
-	top: -62rpx;
+	/* top: -62rpx; */
 	margin: 0;
 	width: 100%;
 	height: 100%;