行为积分页面

pages/myinformation/myinformation.vue

@@ -24,7 +24,7 @@
 				管理家庭成员
 			</view>
 			<view class="Threecategories">
-				<view class="item">
+				<view class="item" @tap="goBehaviorpoints">
 					<view class="number">
 						0
 					</view>
@@ -154,6 +154,11 @@
 			};
 		},
 		methods: {
+			goBehaviorpoints() {
+				uni.navigateTo({
+					url: '/pagesB/Behaviorpoints/Behaviorpoints'
+				})
+			},
 			gomanagefamily() {
 				uni.navigateTo({
 					url: '/pagesB/managefamily/managefamily'
@@ -175,4 +180,4 @@
 
 <style lang="scss">
 	@import './myinformation.scss'
-</style>
+</style>

pagesB/Behaviorpoints/Behaviorpoints.scss

@@ -0,0 +1,106 @@
+.app {
+		.bottomitem{
+			position: relative;
+			.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: 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;
+			}
+
+			.Exchangerecords {
+				width: 180rpx;
+				height: 54rpx;
+				background: #FFFFFF;
+				border-radius: 24rpx;
+				position: absolute;
+				top: 60%;
+				left: 57%;
+				color: #26A888;
+				text-align: center;
+				line-height: 54rpx;
+			}
+			.PointsMall {
+				width: 180rpx;
+				height: 54rpx;
+				background: #FFFFFF;
+				border-radius: 24rpx;
+				position: absolute;
+				top: 60%;
+				left: 19%;
+				color: #26A888;
+				text-align: center;
+				line-height: 54rpx;
+			}
+			.number {
+				font-size: 56rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #FFFFFF;
+				line-height: 33rpx;
+				position: absolute;
+				top: 35%;
+				left: 40%;
+				text-overflow: ellipsis;
+				white-space: nowrap;
+			}
+			.name {
+				width: 119px;
+				height: 29px;
+				font-size: 30rpx;
+				font-family: Source Han Sans CN;
+				font-weight: 400;
+				color: #FFFFFF;
+				position: absolute;
+				top: 10%;
+				left: 5%;
+				line-height: 33rpx;
+			}
+		}
+	}

pagesB/Behaviorpoints/Behaviorpoints.vue

@@ -12,7 +12,7 @@
 			<view class="Exchangerecords">
 				兑换记录
 			</view>
-			
+
 		</view>
 		<view class="bottomitem">
 			<view class="PointsRecord">
@@ -31,10 +31,10 @@
 				兑换商品
 			</view>
 			<view class="integraltwo">
-			-2000
+				-2000
 			</view>
 			<view class="timeone">
-			2023-03-09 13:23:12 
+				2023-03-09 13:23:12
 			</view>
 		</view>
 	</view>
@@ -52,110 +52,5 @@
 	}
 </script>
 <style lang="scss">
-	.app {
+	@import './Behaviorpoints.scss'
-		.bottomitem{
-			position: relative;
-			.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: 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;
-			}
-
-			.Exchangerecords {
-				width: 180rpx;
-				height: 54rpx;
-				background: #FFFFFF;
-				border-radius: 24rpx;
-				position: absolute;
-				top: 60%;
-				left: 57%;
-				color: #26A888;
-				text-align: center;
-				line-height: 54rpx;
-			}
-			.PointsMall {
-				width: 180rpx;
-				height: 54rpx;
-				background: #FFFFFF;
-				border-radius: 24rpx;
-				position: absolute;
-				top: 60%;
-				left: 19%;
-				color: #26A888;
-				text-align: center;
-				line-height: 54rpx;
-			}
-			.number {
-				font-size: 56rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #FFFFFF;
-				line-height: 33rpx;
-				position: absolute;
-				top: 35%;
-				left: 40%;
-				text-overflow: ellipsis;
-				white-space: nowrap;
-			}
-			.name {
-				width: 119px;
-				height: 29px;
-				font-size: 30rpx;
-				font-family: Source Han Sans CN;
-				font-weight: 400;
-				color: #FFFFFF;
-				position: absolute;
-				top: 10%;
-				left: 5%;
-				line-height: 33rpx;
-			}
-		}
-	}
 </style>