太湖公益

pages/course/outline.vue

@@ -3,8 +3,11 @@
 		<!-- 公共组件-每个页面必须引入 -->
 		<public-module></public-module>
 		<z-nav-bar title="课程大纲"></z-nav-bar>
-		<view class="container flexbox">
-
+		<view class="container">
+			<view class="imagebg">
+				
+			</view>
+			<view class="ss" >
 			<view class="box">
 				<view class="item flexbox" @click="itemClick('jiage')">
 
@@ -15,7 +18,7 @@
 						<view class="type">
 							<image src="/static/priceIcon.png" mode="widthFix"></image>
 						</view>
-						<text>课程价格</text>
+						<text>课程价格 > </text>
 					</view>
 
 				</view>
@@ -27,7 +30,7 @@
 						<view class="type">
 							<image src="/static/shuomingIcon.png" mode="aspectFill"></image>
 						</view>
-						<text>课程说明</text>
+						<text>课程说明 > </text>
 					</view>
 				</view>
 				<view class="item flexbox" @click="itemClick('jianjie')">
@@ -38,10 +41,10 @@
 						<view class="type">
 							<image src="/static/jianjieIcon.png" mode="widthFix"></image>
 						</view>
-						<text>平台简介</text>
+						<text>平台简介 > </text>
 					</view>
 				</view>
-			</view>
+			</view></view>
 		</view>
 		<z-navigation></z-navigation>
 		<!-- <music-play :playData="playData"></music-play> -->
@@ -109,17 +112,23 @@
 	.flexbox {
 		display: flex;
 	}
-
-	.container {
-		align-items: center;
-		min-height: calc(100vh - 270rpx);
-		@include pleft_right(10px);
-		background: url(@/static/pageBg.jpg) center no-repeat;
-		background-size: cover;
+	.imagebg{
+		width: 100%;
+		
+		background:#fff url(@/static/pageBg.jpg) top no-repeat;
+		background-size:cover;
+		height:45vh
+	}
+	.container {	
+		min-height: calc(100vh - 270rpx);		
+		align-items: end !important;
+		position: relative; background-color: #fff;
 
 	}
+	.ss{@include pleft_right(10px);	}
 
-	.box {
+	.box { overflow: hidden; 
+	// position: absolute; left: 20rpx; bottom: 0rpx;
 		width: 100%;
 		justify-content: space-between;
 		
@@ -132,15 +141,15 @@
 			margin: 20rpx 0;
 			position: relative;
 			padding: 16rpx;
-			@include mshadow(10px, 1);
+			// @include mshadow(10px, 1);
 			.tt{
 				align-items: center;
 			}
 			.logo {
 				
 				image {
-					width: 150rpx;
-					height: 150rpx;
+					width: 100rpx;
+					height: 100rpx;
 				}
 			}
 		}
@@ -153,8 +162,8 @@
 
 			// position: absolute; right: 0;
 			image {
-				width: 50rpx;
-				height: 60rpx;
+				width: 40rpx;
+				height: 50rpx;
 			}
 		}
 
@@ -162,14 +171,14 @@
 			width: 100%;
 			font-size: 40rpx;
 			color: #fff;
-			line-height: 150rpx;
+			line-height: 100rpx;
 			text-align: right;
 			padding-right: 20rpx;
 		}
 	}
 
 	.title {
-		font-size: 32rpx;
+		font-size: 30rpx;
 		font-weight: bold;
 		display: block;
 		text-align: center;