浏览代码

样式修改

tanxue 4 月之前
父节点
当前提交
f7e97ee49b

+ 2 - 2
common/styles/global/components.scss

@@ -271,11 +271,11 @@ $titleBar-tabBar-page: calc(100vh - var(--status-bar-height));
 	
 //视频
 .ezy-video-box{
-	width: 606rpx;height: 394rpx;@include ezy-no-repeat-cover;margin: 0 auto 42rpx;
+	width: 606rpx;height: 365rpx;@include ezy-no-repeat-cover;margin: 0 auto 42rpx;
 	background-image: url("@/static/images/exam/video-frame-bj.png");position: relative;
 	box-sizing: border-box;padding: 18rpx;
 	.ezy-video{
-		width: 100%;height: 100%!important;
+		width: 100%;height: 100%!important;background-color: transparent;
 		.prism-big-play-btn{
 			width: 87rpx;height: 87rpx;@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play-btn.png");
 			top: 52%;left: 50%!important;transform: translate(-50%, -50%);z-index: 20;

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

@@ -300,7 +300,7 @@
 	}
 	.brand-finish-icon{background-image: url("@/static/images/study/dao-finish-icon.png");}
 	.brand-arrow{
-		width: 58rpx;height: 58rpx;left: 50%;top: 64%;position: absolute;
+		width: 58rpx;height: 58rpx;left: 50%;top: 64%;position: absolute;opacity: 0.8;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/study/brand-arrow.gif");
 		}
 	// brand-item
@@ -697,9 +697,10 @@
 	width: 100%;height: 100vh;background-color: #0ab2f0;position: relative;
 	padding-top:var(--status-bar-height);display: flex;flex-direction: column;
 	@include ezy-no-repeat-cover(top);
-	.course-video-box{width: 720rpx;height: 466rpx;padding: 28rpx 30rpx 36rpx;margin: 0 auto 6rpx;}
+	.course-video-box{width: 730rpx;height: 440rpx;padding: 32rpx 32rpx;margin: 0 auto 6rpx;}
+
 	.course-content-border{
-		display: flex;flex: 1;position: relative;margin: 0 30rpx;border-radius: 10rpx 10rpx 0 0;
+		display: flex;flex: 1;position: relative;margin: 0 22rpx;border-radius: 10rpx 10rpx 0 0;
 		background-color: rgba(255, 255, 255, 0.3);overflow-y: auto;
 	}
 	.course-content-box{
@@ -720,7 +721,8 @@
 		}
 	.course-title{color: #fff;font-size: 36rpx;margin-right: auto;margin-left: 10rpx;}
 	.course-play-btn{
-		width: 162rpx;height: 54rpx;
+		width: 162rpx;height: 54rpx;line-height: 50rpx;
+		box-sizing: border-box;font-size: 24rpx;padding-left: 40rpx;
 		flex-shrink: 0;
 		@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play.png");}
 }	

+ 1 - 1
pages/study/lookShipin.vue

@@ -19,7 +19,7 @@
 					<view class="title-play-box">
 						<icon class="course-icon" :style="{backgroundImage: 'url(' + courseIconFun() + ')'}"></icon>
 						<view class="course-title">{{item.title}}</view>
-						<view class="course-play-btn" @click="markersClick(item)"></view>
+						<view class="course-play-btn" @click="markersClick(item)">视频讲解</view>
 					</view>
 					<rich-text :nodes="item.describe" class="course-content-item"></rich-text>
 				</view>

二进制
static/images/exam/video-frame-bj.png