浏览代码

样式修改

tanxue 2 月之前
父节点
当前提交
7514fafad0

+ 6 - 1
common/styles/global/pages.scss

@@ -334,8 +334,13 @@
 		.prism-player .prism-progress .prism-progress-cursor{background: unset;}
 		.prism-player .prism-progress .prism-progress-cursor{background: unset;}
 	}
 	}
 	.master-image{
 	.master-image{
-		width: 100%;height: 460rpx;
+		width: 100%;height: 460rpx;position: relative;
 		@include ezy-no-repeat-cover();background-image: url("@/static/images/common/video-bj.png");
 		@include ezy-no-repeat-cover();background-image: url("@/static/images/common/video-bj.png");
+		.video-player-box{background-color: rgba(0, 0, 0, 0.4);position: absolute;bottom: 0;left: 0;top: 0;right: 0;}
+		.video-player-icon{
+			width: 170rpx;height: 170rpx;position: absolute;bottom: 32%;left: 50%;transform: translate(-85rpx);
+			@include ezy-no-repeat-cover();background-image: url("@/static/images/common/video-player-icon.svg");
+		}
 	}
 	}
 	.kc-name-box{
 	.kc-name-box{
 		display: flex;align-items: center;box-sizing: border-box;padding: 24rpx 36rpx 6rpx;
 		display: flex;align-items: center;box-sizing: border-box;padding: 24rpx 36rpx 6rpx;

+ 3 - 1
pages/admin/Kecheng/study.vue

@@ -7,7 +7,9 @@
 		<!-- 播放器 -->
 		<!-- 播放器 -->
 		<videoPlayVue ref="videoRef" class="phone-video-box" v-if="showVideo"></videoPlayVue>
 		<videoPlayVue ref="videoRef" class="phone-video-box" v-if="showVideo"></videoPlayVue>
 		<view v-else class="phone-video-box master-image">
 		<view v-else class="phone-video-box master-image">
-			<view class="bifaibg-icon" @click="handlePlayFirst"></view>
+			<view class="video-player-box">
+				<view class="video-player-icon" @click="handlePlayFirst"></view>
+			</view>
 		</view>
 		</view>
 		<!-- 中间区域 -->
 		<!-- 中间区域 -->
 		<view class="kc-name-box">
 		<view class="kc-name-box">

+ 3 - 1
pages/client/Kecheng/study.vue

@@ -9,7 +9,9 @@
 			@play-pause="onPause" @play-timeupdate="onTimeupdate"></videoPlayVue>
 			@play-pause="onPause" @play-timeupdate="onTimeupdate"></videoPlayVue>
 			<!-- 视频背景图 -->
 			<!-- 视频背景图 -->
 		<view v-else class="phone-video-box master-image">
 		<view v-else class="phone-video-box master-image">
-			<view class="bifaibg-icon" @click="handlePlayFirst"></view>
+			<view class="video-player-box">
+				<view class="video-player-icon" @click="handlePlayFirst"></view>
+			</view>
 		</view>
 		</view>
 		<!-- 中间区域 -->
 		<!-- 中间区域 -->
 		<view class="kc-name-box">
 		<view class="kc-name-box">

+ 1 - 0
static/images/common/video-player-icon.svg

@@ -0,0 +1 @@
+<svg t="1743994399210" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3605" data-spm-anchor-id="a313x.search_index.0.i18.55b53a81tSQbJ2" width="100" height="100"><path d="M512 149.333c200.299 0 362.667 162.368 362.667 362.667S712.299 874.667 512 874.667 149.333 712.299 149.333 512 311.701 149.333 512 149.333zM461.44 384c-19.2 0-34.773 15.573-34.773 34.773v182.998a34.773 34.773 0 0 0 53.546 29.248l143.808-92.395a34.773 34.773 0 0 0-0.256-58.667l-143.808-90.602A34.773 34.773 0 0 0 461.42 384z" p-id="3606" fill="#000c"></path></svg>