From 802c3a79d39d813a579d5503c1a95ba4504addb3 Mon Sep 17 00:00:00 2001
From: daihh <seastar@bjxask.com>
Date: Thu, 17 Nov 2022 16:45:02 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E5=AD=A6=E4=B9=A0=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E7=9A=84=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/study/courseStudy.vue | 49 +++++++++++++++++++++++++++++++++++--
 1 file changed, 47 insertions(+), 2 deletions(-)

diff --git a/pages/study/courseStudy.vue b/pages/study/courseStudy.vue
index d1d293c..582295c 100644
--- a/pages/study/courseStudy.vue
+++ b/pages/study/courseStudy.vue
@@ -5,7 +5,7 @@
 		<u-toast ref="messager"></u-toast>
 		<!-- <page-title :showBack="true"></page-title> -->
 		<view class="playbox"><!--内容播放区域-->
-			 <view style="min-height: 500upx;" >
+			 <view style="min-height: 440upx;" >
 			 	<view v-if="curContent.contentType==10" style="background-color: #000000;">
 			 		<!--视频-->
 					<view style="position: relative;">
@@ -1608,7 +1608,7 @@
 		background-color: #fff;
 	}
 	.playbox{
-		padding: 10upx;
+		//padding: 10upx;
 		background-color: #fff;
 	}
 	.contentbox{
@@ -1864,6 +1864,51 @@
 		overflow: hidden;
 		text-overflow: ellipsis;
 	}
+	.player-controls-btn {
+		position: absolute;
+		right: 10px;
+		top: 10px;
+		display: inline-block;
+		color: #e5e5e5;
+		padding: 0 0.4rem;
+		transition: color 0.3s;
+		height: 22px;
+	}
+	.btn-speed:hover .speed-control {
+	  // visibility: visible;
+	}
+	.speed-control {
+	  position: absolute;
+	  top: 180px;
+	  right: -20px;
+	  transition: visibility 0.3s;
+	  transform: translate(-50%, -100%);
+	}
+	.speed-control .speed-control-list {
+	  list-style: none;
+	  color: #e5e5e5;
+	  width: 50px;
+	  font-size: 12px;
+	  text-align: left;
+	  padding: 0px 0px 0px 5px;
+	  margin: 0;
+	  overflow: hidden;
+	  border-radius: 4px;
+	  background: rgba(21, 21, 21, 0.8);
+	}
+	.speed-control .speed-control-list .li {
+	  position: relative;
+	  display: block;
+	  height: 25px;
+	  line-height: 25px;
+	}
+	.speed-control .speed-control-list .li:hover {
+	  color: #fff;
+	  background: rgba(99, 99, 99, 0.8);
+	}
+	.speed-control .speed-control-list .li.current {
+	  color: var(--primaryColor);
+	}
 	.catalog{
 		background: #FFFFFF;
 		padding:20upx;