行为积分页面

pages.json

@@ -29,6 +29,12 @@
 	"subPackages": [{
 		"root": "pagesB",
 		"pages": [{
+			"path": "Behaviorpoints/Behaviorpoints",
+			"style": {
+				"navigationBarTitleText": "行为积分",
+				"enablePullDownRefresh": false
+			}
+		}, {
 			"path": "managefamily/managefamily",
 			"style": {
 				"navigationBarTitleText": "管理家庭成员",
@@ -42,11 +48,13 @@
 			}
 		}]
 	}],
+
 	"globalStyle": {
 		"navigationBarTextStyle": "white",
 		"navigationBarTitleText": "",
 		"navigationBarBackgroundColor": "#26A888",
 		"backgroundColor": "#F8F8F8"
+
 	},
 	"uniIdRouter": {},
 	"tabBar": {

pages/myinformation/myinformation.vue

@@ -24,11 +24,11 @@
 					管理家庭成员
 				</view>
 				<view class="Threecategories">
-				<view class="item">
+					<view class="item" @tap="goBehaviorpoints">
 						<view class="number">
 							0
 						</view>
-					<view class="text">
+						<view class="text" >
 							行为积分
 						</view>
 					</view>
@@ -144,9 +144,9 @@
 				</view>
 			</view>
 		</view>
-</template>
+	</template>
 	
-<script>
+	<script>
 		export default {
 			data() {
 				return {
@@ -154,6 +154,11 @@
 				};
 			},
 			methods: {
+				 goBehaviorpoints(){
+					uni.navigateTo({
+						url: '/pagesB/Behaviorpoints/Behaviorpoints'
+					})
+				}, 
 				gomanagefamily() {
 					uni.navigateTo({
 						url: '/pagesB/managefamily/managefamily'
@@ -166,8 +171,10 @@
 				},
 			}
 		}
-</script>
+	</script>
 	
-<style lang="scss">
+	<style lang="scss">
 		@import './myinformation.scss'
-</style>
+	</style>
+
+

pagesB/Behaviorpoints/Behaviorpoints.vue

@@ -0,0 +1,161 @@
+<template>
+	<view class="app">
+		<view class="content">
+			<image src="/static/pagesB/Behave .png" mode=""></image>
+			<view class="name">我的积分
+			</view>
+			<view class="number">1000
+			</view>
+			<view class="PointsMall">
+				积分商城
+			</view>
+			<view class="Exchangerecords">
+				兑换记录
+			</view>
+			
+		</view>
+		<view class="bottomitem">
+			<view class="PointsRecord">
+				积分记录
+			</view>
+			<view class="Establishingarchives">
+				建立档案
+			</view>
+			<view class="integral">
+				+200
+			</view>
+			<view class="timeone">
+				2023-03-09 13:23:12
+			</view>
+			<view class="Establishingarchives">
+				兑换商品
+			</view>
+			<view class="integraltwo">
+			-2000
+			</view>
+			<view class="timeone">
+			2023-03-09 13:23:12 
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	export default {
+		data() {
+			return {
+
+			};
+		},
+		methods: {
+
+		},
+	}
+</script>
+<style lang="scss">
+	.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;
+			}
+		}
+	}
+</style>