行为积分页面

pagesB/Behaviorpoints/Behaviorpoints.scss

@@ -1,54 +1,15 @@
 .app {
-		.bottomitem{
+	background-color: #F7F5F5;
-			position: relative;
+	height:100vh;
-			.Establishingarchives{
+	padding-top: 30rpx;
-				font-size: 30rpx;
+	.background{
-				font-family: Source Han Sans CN;
+		height:100%;
-				font-weight: 400;
+		background-color: #fff;
-				color: #333333;
+		width: 95%;
-				line-height: 38rpx;
+		margin: 0 auto;
-				padding: 8px 10px 5px 18px;
-			}
-			.integraltwo{
-				position: absolute;
-				top: 72%;
-				right: 3%;
-				color: red;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-			.integral{
-				position: absolute;
-				top: 36%;
-				right: 3%;
-				color: #26A888;
-				overflow: hidden;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-			.timeone{
-				font-size: 20rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #333333;
-				line-height: 38rpx;
-				padding: 0 10px 10px 18px;
-				border-bottom: 1px solid #E6E6E6;
-			}
-			.PointsRecord {
-				font-size: 30rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #000000;
-				line-height: 33rpx;
-				padding: 8px 10px 10px 15px;
-			}
-		}
 		.content {
 			margin: 10rpx auto;
 			position: relative;
-
 			image {
 				width: 100%;
 				height: 319rpx;
@@ -103,4 +64,57 @@
 				line-height: 33rpx;
 			}
 		}
+		.bottomitem{
+			position: relative;
+			background-color: #FFF;
+			margin: 0 auto;
+		    margin-top: -6px;
+			
+			.Establishingarchives{
+				font-size: 30rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #333333;
+				line-height: 38rpx;
+				padding: 8px 10px 5px 18px;
+			}
+			.integraltwo{
+				position: absolute;
+				top: 75%;
+				right: 3%;
+				color: red;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			.integral{
+				position: absolute;
+				top: 34%;
+				right: 3%;
+				color: #26A888;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			.timeone{
+				font-size: 20rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #333333;
+				line-height: 38rpx;
+				padding: 0 10px 10px 18px;
+				border-bottom: 1px solid #E6E6E6;
+			}
+			.PointsRecord {
+				font-size: 30rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #000000;
+				line-height: 33rpx;
+				padding: 10px 10px 10px 15px;
+			}
+		}
+	}
+		
+		
 	}

pagesB/Behaviorpoints/Behaviorpoints.vue

@@ -1,5 +1,6 @@
 <template>
 	<view class="app">
+		<view class="background">
 		<view class="content">
 			<image src="/static/pagesB/Behave.png" mode=""></image>
 			<view class="name">我的积分
@@ -38,6 +39,8 @@
 			</view>
 		</view>	
 		</view>
+		
+	</view>
 </template>
 <script>
 	export default {