Procházet zdrojové kódy

水印样式修改

tanxue před 2 dny
rodič
revize
9535dac0bc

+ 17 - 12
common/styles/global/pages.scss

@@ -359,18 +359,20 @@
 	.yindao-shadow-image{
 	  width: 80rpx;height: 80rpx;margin: 0;background-repeat: no-repeat;
 	  background-image: url("@/static/images/common/course-point-icon.gif");background-size: contain;
-	  position: absolute;right: 100rpx;top: 780rpx;pointer-events: none;
+	  position: absolute;right: 100rpx;top: 400rpx;pointer-events: none;
 	}
-	.kc-name-box{
-		display: flex;align-items: center;box-sizing: border-box;padding: 24rpx 36rpx 6rpx;
-		icon{
-			width: 60rpx;height: 40rpx;flex-shrink: 0;
+	.kc-info-box{
+		width: 100%;box-sizing: border-box;padding: 24rpx 36rpx 24rpx;
+		color: #555;font-size: 28rpx;border-bottom: 1rpx solid #ebebeb;
+		.info-content-box{
+			display: flex;align-items: center;justify-content: space-between;margin-bottom: 10rpx;
+		}
+		.info-tip{
+			border: 1rpx dashed #3fd2a1;color: #3fd2a1;text-align: center;
+			margin-bottom: 16rpx;padding: 4rpx 0;border-radius: 8rpx;
 		}
-		icon::before{content:'';width:40rpx;height: 40rpx;display: inline-block;
-			@include ezy-no-repeat-cover();background-image: url("@/static/images/common/return-icon.png");}
+		.info-sm{font-size: 24rpx;color: #888;line-height: 1.6;}
 	}
-	.kc-info-box{width: 100%;box-sizing: border-box;padding: 6rpx 36rpx 24rpx;border-bottom: 1rpx solid #ebebeb;
-		display: flex;align-items: center;justify-content: space-between;color: #555;font-size: 28rpx;}
 	.kecheng-mulu-box{
 		width: 100%;box-sizing: border-box;padding: 0 36rpx;
 		.collapse-item-icon,.kejian-item-icon{width: 36rpx;height: 36rpx;@include ezy-no-repeat-cover();}
@@ -413,14 +415,15 @@
 	/* 竖屏样式 */
 	@media screen and (orientation: portrait) {
 	  .phone-video-box{
-	  	width:100%;height: 460rpx;
+	  	width:100%;height: 460rpx;flex-shrink: 0;
 	  	.kecheng-video{height: 460rpx!important;}
 	  	.prism-big-play-btn{left: 50%!important;margin-left: -32px;}
 	  	.prism-player .prism-progress .prism-progress-played{background-color: #3fd2a1;}
 	  	.prism-player .prism-progress .prism-progress-cursor{background: unset;}
+		.prism-player .prism-cover{background-size: contain;}
 	  }
 	  .master-image{width: 100%;height: 460rpx;}
-	  .kecheng-study-body{display: block;}
+	  .kecheng-study-body{display: block;overflow-y: auto;position: relative;}
 	}
 	
 	/* 横屏样式 */
@@ -428,13 +431,15 @@
 	  .phone-video-box{
 		  width:100%;height: 100vh;
 		  .kecheng-video{height: 100vh!important;width: auto;}
+		  .prism-big-play-btn{left: 50%!important;top:50%;transform: translate(-50%,-50%);}
+		  .prism-player .prism-cover{background-size: contain;}
 	  }
 	  .master-image{width:100%;height: 100vh;}
 	  .kecheng-study-body{display: none;}
+	  .kecheng-study-navBar{display: none;}
 	}
 	
 }	
-
 /*** 进入成绩 ***/
 .phone-score-page{
 	width: 100%;height: 100vh;

+ 1 - 1
components/videoPlay/videoPlay.vue

@@ -6,7 +6,7 @@
 			:status="hideFlag"
 			:change:hideFlag="renderScript.hideFlagFun" :seekTime="seekTime" :change:seekTime="renderScript.seekTimeFun"
 			class="kecheng-video">
-				<zmm-watermark :watermark="watermark"></zmm-watermark>
+				<zmm-watermark :watermark="watermark" color="#999" column="2" margin="24" opacity="0.1"></zmm-watermark>
 		</view>
 	</view>
 </template>

+ 13 - 6
pages/admin/Kecheng/study.vue

@@ -1,5 +1,9 @@
 <template>
 	<view class="kecheng-study-page">
+		<view class="icon-title-navBar-box kecheng-study-navBar">
+			<view @click="goUpPage" class="nav-bar-icon"></view>
+			<text class="nav-bar-title">{{name}}</text>
+		</view>
 	<!-- 	  <zmm-watermark :watermark="watermark"></zmm-watermark> -->
 		<!-- <view class="icon-title-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
@@ -16,14 +20,17 @@
 				<view class="yindao-shadow-image" v-if="!showVideo"> </view>
 			</template>
 			<!-- 中间区域 -->
-			<view class="kc-name-box">
-				<icon @click="goUpPage"></icon>
-				<view>{{name}}</view>
-			</view>
 			<view class="kc-info-box">
-				<view>时长:{{period}}</view>
-				<view>{{userCount}}人学习</view>
+				<view class="info-tip">旋转手机,享受横屏沉浸式视频学习体验</view>
+				<view class="info-content-box">
+					<view>时长:{{period}}</view>
+					<view>{{userCount}}人学习</view>
+				</view>
+				<view class="info-sm">
+					郑重声明:课程版权归平台所有,禁止对本课程进行任何录音录像,违者将承担法律责任。
+				</view>
 			</view>
+			
 			<!-- 大纲 -->
 			<view class="phone-tab-box">
 				<uni-segmented-control :current="current" :values="items" style-type="text" :active-color="activeColor"