Browse Source

样式修改

tanxue 1 month ago
parent
commit
f517ad382d
2 changed files with 31 additions and 21 deletions
  1. 19 6
      common/styles/global/pages.scss
  2. 12 15
      pages/xinshuxue/lookShipin.vue

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

@@ -2134,17 +2134,21 @@
 
 
 // 看视频
 // 看视频
 .ezy-ksp-page{
 .ezy-ksp-page{
-	.ksp-body{position: relative;z-index: 1;}
+	.ksp-tab-box{
+		display: flex;justify-content: space-evenly;border-bottom: 1rpx solid #b7defd;margin-bottom: 32rpx;
+		.tab-item{color: #9a9a9a;font-size: 34rpx;padding: 16rpx 24rpx;}
+		.active{color: #5895f7;border-bottom: 4rpx solid #1684fc;}
+	}
 	.ksp-video-box{
 	.ksp-video-box{
-		width: 100%;height: 423rpx;
+		width: 95%;height: 423rpx;padding: 8px;box-sizing: border-box;border-radius: 16rpx;margin: 0 auto 32rpx;
 		.prism-big-play-btn{
 		.prism-big-play-btn{
-			width: 90rpx;height: 90rpx;
-			background-image: url("@/static/images/xuexi/video-play-btn.png");
+			width: 100rpx;height: 100rpx;opacity: 0.8;
+			background-image: url("@/static/images/xuexi/play-btn.png");
 		}
 		}
 	}
 	}
 	.ksp-item-list{
 	.ksp-item-list{
 		width: 95%;margin: 0 auto 32rpx;border-radius: 16rpx;position: relative;
 		width: 95%;margin: 0 auto 32rpx;border-radius: 16rpx;position: relative;
-		background-color: #5894f6;padding: 32rpx 0 1rpx;box-sizing: border-box;
+		background-color: #5894f6;padding: 20rpx 0 1rpx;box-sizing: border-box;
 		overflow: hidden;box-shadow: 0 0rpx 12rpx rgba(100, 159, 241, 0.4);
 		overflow: hidden;box-shadow: 0 0rpx 12rpx rgba(100, 159, 241, 0.4);
 	}
 	}
 	.ksp-item-list::before{
 	.ksp-item-list::before{
@@ -2152,7 +2156,16 @@
 		background-image: url("@/static/images/xuexi/ksp-item-top-bj.png");
 		background-image: url("@/static/images/xuexi/ksp-item-top-bj.png");
 		position: absolute;left: 0;right: 0;top: 0;z-index: 1;
 		position: absolute;left: 0;right: 0;top: 0;z-index: 1;
 	}
 	}
-	.item-title{color: #fff;font-size: 36rpx;margin:0 0 24rpx 24rpx;position: relative;z-index: 2;}
+	.list-head{
+		display: flex;align-items: center;justify-content: space-between;
+		position: relative;z-index: 2;padding:0  24rpx 24rpx;
+		.list-title{color: #fff;font-size: 36rpx;}
+		.list-btn{
+			width: 210rpx;height: 72rpx;@include ezy-no-repeat-cover;
+			background-image: url("@/static/images/xuexi/ksp-video-play.png");
+		}
+	}
+	
 	.ksp-item-box{
 	.ksp-item-box{
 		width: 670rpx;height: 150rpx;margin: 0 auto 24rpx;padding-left: 24rpx;
 		width: 670rpx;height: 150rpx;margin: 0 auto 24rpx;padding-left: 24rpx;
 		display: flex;align-items: center;box-sizing: border-box;z-index: 2;position: relative;
 		display: flex;align-items: center;box-sizing: border-box;z-index: 2;position: relative;

+ 12 - 15
pages/xinshuxue/lookShipin.vue

@@ -4,26 +4,23 @@
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<view @click="goUpPage" class="nav-bar-icon"></view>
 			<text class="nav-bar-title">{{jieInfo.jieIntro}}</text>
 			<text class="nav-bar-title">{{jieInfo.jieIntro}}</text>
 		</view>
 		</view>
-		<view class="ksp-body">
-			<view>
-				<view @click="handleSelectHexinti">核心基础题</view>
-				<view @click="handleSelectNengliTishengti">能力提升题</view>
+		<view class="ezy-page-body">
+			<view class="ksp-tab-box">
+				<view class="tab-item" @click="handleSelectHexinti">核心基础题</view>
+				<view class="tab-item" @click="handleSelectNengliTishengti">能力提升题</view>
 			</view>
 			</view>
 			<!-- 核心基础题 -->
 			<!-- 核心基础题 -->
 			<videoPlayVue ref="c1" v-show="showA" :key="1" :videoId1="videoId" :progressMarkers1="progressMarkers"
 			<videoPlayVue ref="c1" v-show="showA" :key="1" :videoId1="videoId" :progressMarkers1="progressMarkers"
 				:playAuth1="playAuth" :hideFlag1="hideFlag" :seek-time1="seekTime" class="ksp-video-box"
 				:playAuth1="playAuth" :hideFlag1="hideFlag" :seek-time1="seekTime" class="ksp-video-box"
 				@playEnd="playEnd"></videoPlayVue>
 				@playEnd="playEnd"></videoPlayVue>
-			<view class="ksp-item-list" v-show="showA">
-				<view class="item-title">核心基础题</view>
-				<view class="ksp-item-box" v-for="(item,index) in jieInfo.jiedianList1" :key="index"
-					>
-					<icon class="ksp-icon"></icon>
-					<view>
-						<view class="ksp-title">{{item.name}}</view>
-						<view @click="markersClick(item)">视频讲解</view>
-						<!-- <view class="ksp-title">课程位置:{{item.time1}}-{{item.time2}}</view> -->
-						<rich-text :nodes="item.title"></rich-text>
-					</view>
+			<view class="ksp-item-list" v-for="(item,index) in jieInfo.jiedianList1" :key="index" v-show="showA">
+				<view class="list-head">
+					<view class="list-title">{{item.name}}</view>
+					<view class="list-btn" @click="markersClick(item)"></view>
+				</view>
+				<view class="ksp-item-box">
+					<!-- <view class="ksp-title">课程位置:{{item.time1}}-{{item.time2}}</view> -->
+					<rich-text :nodes="item.title"></rich-text>
 				</view>
 				</view>
 			</view>
 			</view>
 			<!-- 能力提升题 -->
 			<!-- 能力提升题 -->