Selaa lähdekoodia

视频打点页面样式修改

tanxue 6 kuukautta sitten
vanhempi
commit
a6b4590187

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

@@ -538,17 +538,13 @@
 		box-sizing: border-box;padding: 42rpx 24rpx;
 	}
 	.course-content-item{
-		width: 100%;background-color: #f7f8fa;border-radius: 8rpx;
-		display: flex;box-sizing: border-box;padding: 20rpx;margin-bottom: 24rpx;
-		}
-	.course-title{color: #088aea;font-size: 42rpx;margin-bottom: 20rpx;}
-	.course-play-btn{width: 48rpx;height: 48rpx;margin-right: 20rpx;
-		@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play.png");
-	}
-	.course-content{
-		display: flex;flex-direction: column;color: #666;font-size: 32rpx;
-		.content-kcwz{font-size: 28rpx;margin-top: 16rpx;}
+		width: 100%;background-color: #f7f8fa;border-radius: 8rpx;color: #666;display: block;
+		box-sizing: border-box;padding: 20rpx;margin-bottom: 30rpx;font-size: 32rpx;@include ezy-rich-text;
 	}
+	.title-play-box{display: flex;justify-content: space-between;margin:0 6rpx 12rpx;}
+	.course-title{color: #088aea;font-size: 36rpx;margin-right: 16rpx;}
+	.course-play-btn{width: 144rpx;height: 44rpx;flex-shrink: 0;
+	@include ezy-no-repeat-cover;background-image: url("@/static/images/course/video-play.png");}
 }	
 
 // 课程得分页面

+ 6 - 7
pages/study/lookShipin.vue

@@ -12,14 +12,13 @@
 		</view>
 		<view class="course-content-border">
 			<view class="course-content-box">
-				<view class="course-title">{{jieName}}</view>
-				<view v-for="(item,index) in progressMarkers" :key="index" @click="markersClick(item)"
-					class="course-content-item">
-					<view class="course-play-btn"></view>
-					<view class="course-content">
-						<text>{{item.title}}</text>
-						<rich-text :nodes="item.describe"></rich-text>
+				<!-- <view class="course-title">{{jieName}}</view> -->
+				<view v-for="(item,index) in progressMarkers" :key="index" @click="markersClick(item)">
+					<view class="title-play-box">
+						<text class="course-title">{{item.title}}</text>
+						<view class="course-play-btn" @click="markersClick(item)"></view>
 					</view>
+					<rich-text :nodes="item.describe" class="course-content-item"></rich-text>
 				</view>
 			</view>
 		</view>

BIN
static/images/course/video-play.png