Browse Source

看视频页面样式改版

tanxue 1 month ago
parent
commit
30ca5aa44a

+ 22 - 0
common/styles/global/pages.scss

@@ -2128,4 +2128,26 @@
 	}
 	.dyml-item-box:nth-child(odd){background-image: url("@/static/images/xuexi/dy-item-bj1.png");}
 	.dyml-item-box:nth-child(even){background-image: url("@/static/images/xuexi/dy-item-bj2.png");}
+}
+
+// 看视频
+.ezy-ksp-page{
+	.ksp-body{
+		position: relative;z-index: 1;
+	}
+	.ksp-video-box{}
+	.ksp-item-list{
+		width: 96%;margin: 0 auto;
+		background-color: #5894f6;
+	}
+	.ksp-item-box{
+		background-color: #fff;display: flex;width: 96%;margin: 10rpx auto;
+		/* .ksp-icon{
+				width: 60rpx;height: 75rpx;@include ezy-no-repeat-cover;flex-shrink: 0;
+				@include ezy-no-repeat-cover;background-image: url("@/static/images/xuexi/xx-ksp-icon.png");
+			} */
+		.ksp-title{color: #333;font-size: 36rpx;margin-right: auto;margin-left: 10rpx;height: 50rpx;@include single-line-ellipsis;}
+	}
+	
+		
 }

+ 17 - 23
pages/xinshuxue/lookShipin.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="ezy-course-page" :style="{backgroundImage: 'url(' + courseBjFun() + ')'}">
+	<view class="ezy-ksp-page">
 		<view class="icon-title-navBar-box">
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">{{jieInfo.jieIntro}}</text>
@@ -14,38 +14,32 @@
 			</view>
 		</view> -->
 		<videoPlayVue ref="c1" v-show="showA" :key="1" cId="wgy-player-test" :videoId1="videoId" :progressMarkers1="progressMarkers" :playAuth1="playAuth" 
-		:hideFlag1="hideFlag"   :seek-time1="seekTime"></videoPlayVue>
+		:hideFlag1="hideFlag"   :seek-time1="seekTime" class="ksp-video-box"></videoPlayVue>
 		<videoPlayVue ref="c2" v-show="showB" :key="2" cId="wgy-player-test2" :videoId1="videoId2" :progressMarkers1="progressMarkers2" :playAuth1="playAuth2"
-		:hideFlag1="hideFlag2" :seek-time1="seekTime2"
+		:hideFlag1="hideFlag2" :seek-time1="seekTime2" class="ksp-video-box"
 		></videoPlayVue>
-
 		<!-- 核心基础题 -->
-		<view class="course-content-border" >
-			<view class="course-content-box">
-				<view v-for="(item,index) in jieInfo.jiedianList1" :key="index" @click="markersClick(item)">
-					<view class="title-play-box">
-						<icon class="course-icon"></icon>
-						<view class="course-title">{{item.name}}</view>
-						<view class="course-title">{{item.time1}}</view>
-						<view class="course-title">{{item.time2}}</view>
-					</view>
+		<view class="ksp-item-list">
+			<view>核心基础题</view>
+			<view class="ksp-item-box" v-for="(item,index) in jieInfo.jiedianList1" :key="index" @click="markersClick(item)">
+				<icon class="ksp-icon"></icon>
+				<view>
+					<view class="ksp-title">{{item.name}}</view>
+					<view class="ksp-title">{{item.time1}}-{{item.time2}}</view>
 				</view>
 			</view>
 		</view>
 		<!-- 能力提升题 -->
-		<view class="course-content-border">
-			<view class="course-content-box">
-				<view v-for="(item,index) in jieInfo.jiedianList2" :key="index" @click="markersClick2(item)">
-					<view class="title-play-box">
-						<icon class="course-icon"></icon>
-						<view class="course-title">{{item.name}}</view>
-						<view class="course-title">{{item.time1}}</view>
-						<view class="course-title">{{item.time2}}</view>
-					</view>
+		<view class="ksp-item-list">
+			<view>能力提升题</view>
+			<view class="ksp-item-box" v-for="(item,index) in jieInfo.jiedianList2" :key="index" @click="markersClick2(item)">
+				<icon class="ksp-icon"></icon>
+				<view>
+					<view class="ksp-title">{{item.name}}</view>
+					<view class="ksp-title">{{item.time1}}-{{item.time2}}</view>
 				</view>
 			</view>
 		</view>
-
 		<!-- 弹窗 -->
 		<tishiDlVue ref="popupRef"></tishiDlVue>
 	</view>

BIN
static/images/xuexi/xx-ksp-icon.png


BIN
static/images/xuexi/xx-pp-bj.png