فهرست منبع

Merge remote-tracking branch 'origin/大连交通技师学院' into 大连交通技师学院

wangxy 2 ماه پیش
والد
کامیت
c0917f6360

+ 17 - 1
common/styles/global/components.scss

@@ -195,6 +195,21 @@ view{box-sizing: border-box;}
 .dljt-page-title{
 	 color: #fff;font-size: 0;text-align: center;font-weight: bold;margin: 20rpx auto;
 }
+// 详情页前面带竖杠的标题
+.dljt-detail-title{
+	  display: inline-block;color: #333;margin-bottom: 16rpx;
+	  .title-text{font-size:28rpx;display: flex;align-items: center;margin: 0;color:#00369a;}
+	  .title-text:before{content: ' ';width: 8rpx;height: 26rpx;background-color:#00369a;border-radius: 4rpx;
+	    margin-right: 6rpx;}
+}
+// 视频标题
+.dljt-video-title{
+	display: inline-block;font-weight: 700;color: #333;margin-bottom: 24rpx;
+	  .video-text{font-size:28rpx;display: flex;align-items: center;margin: 0;color:#1460b6;font-weight: bold}
+	  .video-text:before{
+	    content:'';width: 56rpx;height: 44rpx;margin:0 12rpx 0 0;
+	    @include dljt-no-repeat-cover;background-image: url("@/static/images/common/video-icon.png");}
+}
 
 /* 导航 */
 .dljt-breadcrumb-box{
@@ -309,7 +324,8 @@ box-shadow: 0 1rpx 3rpx 0 #227ECE;box-sizing: border-box;padding: 4rpx 10rpx 0;}
 	.detail-title{color: #000;text-align: center;font-size: 32rpx;font-weight: bold;line-height: 1.5;}
 	.detail-data{color: #666;text-align: center;font-size: 26rpx;margin-top: 24rpx;}
 	.dljt-editor-box{
-		font-size: 26rpx;font-weight: normal;white-space: pre-wrap;color: #333;word-break: break-all;
+		font-size: 26rpx;font-weight: normal;white-space: pre-wrap;
+		color: #333;word-break: break-all;line-height: 1.5;
 		 img{max-width: 100%;}
 		 .img-center-top{margin: 32rpx auto 0;display: block;}
 		 div[data-w-e-type="video"]{text-align: center}

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

@@ -85,10 +85,14 @@ iframe{z-index: 3;}
 	}
 }
 
+// 优秀毕业生
+.yxbys-page{
+	.yxbys-detail-box .yxbys-name{color: #01359b;font-size: 28rpx;font-weight: normal;}
+}
 
 .pdf-page{
 	.dljt-pdf-box{}
 	
-	.dljt-detail-box{height:unset;margin-bottom: 24rpx;}
-	// .dljt-detail-box{height: calc(100vh - 834rpx);}
+	// .dljt-detail-box{height:unset;margin-bottom: 24rpx;}
+	.dljt-detail-box{height: calc(100vh - 834rpx);}
 }

+ 3 - 0
pages/xydtXueyuanfengcaiInfo/xydtXueyuanfengcaiInfo.vue

@@ -23,6 +23,9 @@
 					<!-- 富文本 -->
 					<MtaMpHtml class="dljt-editor-box" :content="data.info.content"></MtaMpHtml>
 					<!-- 其他 -->
+					<view class="dljt-video-title" v-if="data.info.otherList && data.info.otherList.length">
+						<view class="video-text">相关视频</view>
+					</view>
 					<view v-if="data.info.otherList && data.info.otherList.length">
 						<view class="video-item-box" v-for="item in data.info.otherList" :key="item.id"
 							@click="handleClick(item)">

+ 5 - 4
pages/zsjyYouxiubiyeshengInfo/zsjyYouxiubiyeshengInfo.vue

@@ -1,5 +1,5 @@
 <template>
-	<view class="dljt-page-box" v-if="data.info">
+	<view class="dljt-page-box yxbys-page" v-if="data.info">
 		<MtaNavbar></MtaNavbar>
 		<view class="dljt-container-box">
 			<!-- 详情页面 -->
@@ -15,11 +15,12 @@
 					<icon class="breadcrumb-jt"></icon>
 					<view class="breadcrumb-active">详情</view>
 				</view>
-				<view class="dljt-detail-box">
-					<!-- 标题 -->
-					<view class="detail-title">{{data.info.title}}</view>
+				<view class="dljt-detail-box yxbys-detail-box">
+					<view class="dljt-detail-title"><view class="title-text">简介</view></view>
 					<!-- 图 -->
 					<image :src="data.info.cover"></image>
+					<!-- 标题 -->
+					<view class="detail-title yxbys-name">{{data.info.title}}</view>
 					<!-- 简介 -->
 					<view>{{data.info.jianjie}}</view>
 					<!-- 富文本 -->

BIN
static/images/common/video-icon.png