diff --git a/pages.json b/pages.json
index 8281b87..d7448c0 100644
--- a/pages.json
+++ b/pages.json
@@ -1,101 +1,122 @@
 {
   "pages": [
-    {
-      "path": "pages/transition/page1/page1",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page2/page2",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page3/page3",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page4/page4",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page5/page5",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page6/page6",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/transition/page7/page7",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/login/account_login/account_login",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/login/register/register",
-      "style": {
-        "navigationStyle": "custom"
-      }
-    },
-    {
-      "path": "pages/information/sex/sex",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    },
+    // {
+    //   "path": "pages/transition/page1/page1",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page2/page2",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page3/page3",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page4/page4",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page5/page5",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page6/page6",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/transition/page7/page7",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/login/account_login/account_login",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/login/register/register",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
+    // {
+    //   "path": "pages/information/sex/sex",
+    //   "style": {
+    //     "navigationBarTitleText": "",
+    //     "enablePullDownRefresh": false
+    //   }
+    // },
     {
       "path": "pages/information/boy_height/boy_height",
       "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/information/girl_height/girl_height",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
+        "navigationStyle": "custom"
       }
     },
+	{
+	  "path": "pages/information/boy_height2/boy_height2",
+	  "style": {
+	    "navigationStyle": "custom"
+	  }
+	},
+	{
+	  "path": "pages/information/boy_roll/boy_roll",
+	  "style": {
+	    "navigationStyle": "custom"
+	  }
+	},
+    // {
+    //   "path": "pages/information/girl_height/girl_height",
+    //   "style": {
+    //     "navigationStyle": "custom"
+    //   }
+    // },
     {
       "path": "pages/information/boy_weight/boy_weight",
       "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    },
-    {
-      "path": "pages/information/gril_weight/gril_weight",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
+        "navigationStyle": "custom"
       }
     },
-    {
-      "path": "pages/login/forget_password/forget_password",
-      "style": {
-        "navigationBarTitleText": "",
-        "enablePullDownRefresh": false
-      }
-    }
+	{
+	  "path": "pages/information/boy_weight2/boy_weight2",
+	  "style": {
+	    "navigationStyle": "custom"
+	  }
+	},
+	{
+	  "path": "pages/information/boy_roll_w/boy_roll_w",
+	  "style": {
+	    "navigationStyle": "custom"
+	  }
+	}
+    // {
+    //   "path": "pages/information/gril_weight/gril_weight",
+    //   "style": {
+    //     "navigationBarTitleText": "",
+    //     "enablePullDownRefresh": false
+    //   }
+    // },
+    // {
+    //   "path": "pages/login/forget_password/forget_password",
+    //   "style": {
+    //     "navigationBarTitleText": "",
+    //     "enablePullDownRefresh": false
+    //   }
+    // }
   ],
   "uniIdRouter": {},
   "tabBar": null
diff --git a/pages/information/boy_height/boy_height.vue b/pages/information/boy_height/boy_height.vue
index 342846f..9d7d5f2 100644
--- a/pages/information/boy_height/boy_height.vue
+++ b/pages/information/boy_height/boy_height.vue
@@ -1,17 +1,140 @@
 <template>
-  <view>
+  <!-- 背景 -->
+  <view class="background">
 
+    <!-- 人物 -->
+    <image class="human" src="/static/information/boy_height/pictures/human.png"></image>
+    <!-- 滚动条 -->
+    <image class="roll" @click="goTob_roll()" src="/static/information/boy_height/pictures/roll.png"></image>
+    <!-- 按钮 -->
+    <image class="button" @click="goTob_weight" src="/static/information/boy_height/pictures/button.png"></image>
+	<!-- 进度条 -->
+	<image class="progress" src="/static/information/boy_height/pictures/progress.png"></image>
+	<!-- 文本-->
+	<text class="text" @click="goTob_roll()">175 cm</text>
   </view>
 </template>
 
 <script>
 export default {
-  data() {
-    return {};
-  }
+    methods: {
+        navigateTo(page) {
+            uni.navigateTo({
+                url: page
+            });
+        },
+
+        goTob_weight() {
+            this.navigateTo('/pages/information/boy_weight/boy_weight');
+        },
+
+        goTob_roll() {
+            this.navigateTo('/pages/information/boy_roll/boy_roll');
+			height:''
+        },
+    }
 }
+
 </script>
 
 <style lang="scss">
+.background {
+  background-image: url("/static/information/boy_height/pictures/img.png");
+  background-size: cover;
+  background-position: center;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Human 动画，从页面中部向上移动 */
+.human {
+  position: absolute;
+  width: 100%;
+  height: 90%;
+  top:10%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: moveUp 2s ease forwards;
+  top: 30%; /* 起始位置 */
+  transform: translateY(-50%); /* 垂直居中 */
+}
+
+.progress{
+  position: absolute;
+  width: 77%;
+  height: 7%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+  opacity: 0;
+  top: 2%; /* 根据需要调整位置 */
+}
+
+/* Text 延迟显示 */
+.roll {
+  position: absolute;
+  width: 77%;
+  height: 20%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+  opacity: 0;
+  top: 55%; /* 根据需要调整位置 */
+}
+
+/* Button 延迟显示并加缩放特效，放在下方 */
+.button {
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  animation: fadeInScale 1s ease 2.5s forwards; /* 2.5秒后显示并缩放 */
+  opacity: 0;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
 
+.text{
+	position: absolute;
+	font-size: 1.5em; 
+	text-align: center;
+	width: 100%;
+	height: 20%;
+	top: 68%; 
+	animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+	opacity: 0;
+	color:#ffffff;
+}
+
+/* 定义 human 上移动画 */
+@keyframes moveUp {
+  from {
+    top: 70%;
+  }
+  to {
+    top: 35%; /* 移动到页面顶部 10% */
+  }
+}
+
+/* Text 和 Button 的渐入动画 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+/* Button 的缩放渐入动画 */
+@keyframes fadeInScale {
+  from {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
 </style>
diff --git a/pages/information/boy_height2/boy_height2.vue b/pages/information/boy_height2/boy_height2.vue
new file mode 100644
index 0000000..e585428
--- /dev/null
+++ b/pages/information/boy_height2/boy_height2.vue
@@ -0,0 +1,107 @@
+<template>
+  <!-- 背景 -->
+  <view class="background">
+
+    <!-- 人物 -->
+    <image class="human" src="/static/information/boy_height/pictures/human.png"></image>
+    <!-- 滚动条 -->
+    <image class="roll" @click="goTob_roll()" src="/static/information/boy_height/pictures/roll.png"></image>
+    <!-- 按钮 -->
+    <image class="button" @click="goTob_weight" src="/static/information/boy_height/pictures/button.png"></image>
+	<!-- 进度条 -->
+	<image class="progress" src="/static/information/boy_height/pictures/progress.png"></image>
+	<!-- 文本-->
+	<text class="text" @click="goTob_roll">{{height}}</text>
+  </view>
+</template>
+
+<script>
+export default {
+	data(){
+		return{
+			height:''
+		};
+	},
+	onLoad(options){
+		this.height=options.height;
+	},
+    methods: {
+        navigateTo(page) {
+            uni.navigateTo({
+                url: page
+            });
+        },
+
+        goTob_weight() {
+            this.navigateTo('/pages/information/boy_weight/boy_weight');
+        },
+
+        goTob_roll() {
+            this.navigateTo('/pages/information/boy_roll/boy_roll');
+        },
+    }
+}
+
+</script>
+
+<style lang="scss">
+.background {
+  background-image: url("/static/information/boy_height/pictures/img.png");
+  background-size: cover;
+  background-position: center;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Human 动画，从页面中部向上移动 */
+.human {
+  position: absolute;
+  width: 100%;
+  height: 90%;
+  top:-10%;
+  object-fit: contain; /* 保持图片比例 */
+}
+
+.progress{
+  position: absolute;
+  width: 77%;
+  height: 7%;
+  object-fit: contain; /* 保持图片比例 */
+  opacity: 1;
+  top: 2%; /* 根据需要调整位置 */
+}
+
+/* Text 延迟显示 */
+.roll {
+  position: absolute;
+  width: 77%;
+  height: 20%;
+  object-fit: contain; /* 保持图片比例 */
+  opacity: 1;
+  top: 55%; /* 根据需要调整位置 */
+}
+
+/* Button 延迟显示并加缩放特效，放在下方 */
+.button {
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  opacity: 1;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
+
+.text{
+	position: absolute;
+	text-align: center;
+	font-size: 1.5em; 
+	width: 100%;
+	height: 20%;
+	top: 68%; 
+	color:#ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/pages/information/boy_roll/boy_roll.vue b/pages/information/boy_roll/boy_roll.vue
new file mode 100644
index 0000000..1382012
--- /dev/null
+++ b/pages/information/boy_roll/boy_roll.vue
@@ -0,0 +1,92 @@
+<template>
+  <view class="container">
+    <picker-view @change="onPickerChange" class="picker-view">
+      <picker-view-column>
+        <view v-for="(item, index) in options" :key="index" class="item">
+          {{ item }}
+        </view>
+      </picker-view-column>
+    </picker-view>
+
+    <image class="button" @click="goTob_height" src="/static/information/boy_height/pictures/button.png"></image>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      options: this.generateHeightOptions(150, 200), 
+      pickerValue: [15], // 默认选中项的索引
+    };
+  },
+  methods: {
+	generateHeightOptions(start, end) {
+		const options = [];
+	    for (let i = start; i <= end; i++) {
+	    options.push(`${i} cm`);
+	    }
+	    return options;
+	},
+    onPickerChange(event) {
+      this.pickerValue = event.detail.value; // 更新选中的索引
+    },
+    navigateTo(page) {
+      uni.navigateTo({
+        url: page
+      });
+    },
+    
+    goTob_height() {
+      const selectedValue = this.options[this.pickerValue[0]]; // 获取选中的值
+      this.navigateTo(`/pages/information/boy_height2/boy_height2?height=${selectedValue}`); // 跳转到 boy_height2，并传递选中值
+    },
+  },
+};
+</script>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center; /* 水平居中 */
+  justify-content: center; /* 垂直居中 */
+  height: 100vh; /* 使容器充满整个视口 */
+  padding: 20px;
+  background-image: url("/static/information/boy_height/pictures/bkg_roll.png");
+  background-size: cover;
+}
+
+.picker-view {
+  height: 200px; /* 设置 picker-view 的高度 */
+  width: 100%; /* 宽度自适应 */
+}
+
+.item {
+  display: flex;
+  align-items: center; /* 垂直居中每个选项 */
+  justify-content: center; /* 水平居中每个选项 */
+  height: 40px; /* 每个选项的高度 */
+  color: #ffffff;
+}
+
+.button {
+  margin-top: 10px; /* 按钮与选择器之间的间距 */
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
+</style>
+
+
+
+
+
+
+
+
+
+
+
diff --git a/pages/information/boy_roll_w/boy_roll_w.vue b/pages/information/boy_roll_w/boy_roll_w.vue
new file mode 100644
index 0000000..3b39006
--- /dev/null
+++ b/pages/information/boy_roll_w/boy_roll_w.vue
@@ -0,0 +1,81 @@
+<template>
+  <view class="container">
+    <picker-view @change="onPickerChange" class="picker-view">
+      <picker-view-column>
+        <view v-for="(item, index) in options" :key="index" class="item">
+          {{ item }}
+        </view>
+      </picker-view-column>
+    </picker-view>
+
+    <image class="button" @click="goTob_height" src="/static/information/boy_weight/pictures/button.png"></image>
+  </view>
+</template>
+
+<script>
+export default {
+  data() {
+    return {
+      options: this.generateHeightOptions(40, 150), 
+      pickerValue: [15], // 默认选中项的索引
+    };
+  },
+  methods: {
+	generateHeightOptions(start, end) {
+		const options = [];
+	    for (let i = start; i <= end; i++) {
+	    options.push(`${i} kg`);
+	    }
+	    return options;
+	},
+    onPickerChange(event) {
+      this.pickerValue = event.detail.value; // 更新选中的索引
+    },
+    navigateTo(page) {
+      uni.navigateTo({
+        url: page
+      });
+    },
+    
+    goTob_height() {
+      const selectedValue = this.options[this.pickerValue[0]]; // 获取选中的值
+      this.navigateTo(`/pages/information/boy_weight2/boy_weight2?weight=${selectedValue}`); // 跳转到 boy_height2，并传递选中值
+    },
+  },
+};
+</script>
+
+<style scoped>
+.container {
+  display: flex;
+  flex-direction: column;
+  align-items: center; /* 水平居中 */
+  justify-content: center; /* 垂直居中 */
+  height: 100vh; /* 使容器充满整个视口 */
+  padding: 20px;
+  background-image: url("/static/information/boy_weight/pictures/bkg_roll.png");
+  background-size: cover;
+}
+
+.picker-view {
+  height: 200px; /* 设置 picker-view 的高度 */
+  width: 100%; /* 宽度自适应 */
+}
+
+.item {
+  display: flex;
+  align-items: center; /* 垂直居中每个选项 */
+  justify-content: center; /* 水平居中每个选项 */
+  height: 40px; /* 每个选项的高度 */
+  color: #ffffff;
+}
+
+.button {
+  margin-top: 10px; /* 按钮与选择器之间的间距 */
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
+</style>
\ No newline at end of file
diff --git a/pages/information/boy_weight/boy_weight.vue b/pages/information/boy_weight/boy_weight.vue
index 46a28d0..e68dee4 100644
--- a/pages/information/boy_weight/boy_weight.vue
+++ b/pages/information/boy_weight/boy_weight.vue
@@ -1,17 +1,140 @@
 <template>
-    <view>
+  <!-- 背景 -->
+  <view class="background">
 
-    </view>
+    <!-- 人物 -->
+    <image class="human" src="/static/information/boy_weight/pictures/human.png"></image>
+    <!-- 滚动条 -->
+    <image class="roll" @click="goTob_roll()" src="/static/information/boy_weight/pictures/roll.png"></image>
+    <!-- 按钮 -->
+    <image class="button" @click="goTob_height()" src="/static/information/boy_weight/pictures/button.png"></image>
+	<!-- 进度条 -->
+	<image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image>
+	<!-- 文本-->
+	<text class="text" @click="goTob_roll()">65 kg</text>
+  </view>
 </template>
 
 <script>
-    export default {
-        data() {
-            return {};
-        }
+export default {
+    methods: {
+        navigateTo(page) {
+            uni.navigateTo({
+                url: page
+            });
+        },
+
+        goTob_height() {
+            this.navigateTo('/pages/information/boy_weight/boy_weight');
+        },
+
+        goTob_roll() {
+            this.navigateTo('/pages/information/boy_roll_w/boy_roll_w');
+			height:''
+        },
     }
+}
+
 </script>
 
 <style lang="scss">
+.background {
+  background-image: url("/static/information/boy_weight/pictures/img.png");
+  background-size: cover;
+  background-position: center;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Human 动画，从页面中部向上移动 */
+.human {
+  position: absolute;
+  width: 100%;
+  height: 90%;
+  top:10%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: moveUp 2s ease forwards;
+  top: 30%; /* 起始位置 */
+  transform: translateY(-50%); /* 垂直居中 */
+}
+
+.progress{
+  position: absolute;
+  width: 77%;
+  height: 7%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+  opacity: 0;
+  top: 2%; /* 根据需要调整位置 */
+}
+
+/* Text 延迟显示 */
+.roll {
+  position: absolute;
+  width: 77%;
+  height: 20%;
+  object-fit: contain; /* 保持图片比例 */
+  animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+  opacity: 0;
+  top: 55%; /* 根据需要调整位置 */
+}
+
+/* Button 延迟显示并加缩放特效，放在下方 */
+.button {
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  animation: fadeInScale 1s ease 2.5s forwards; /* 2.5秒后显示并缩放 */
+  opacity: 0;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
+
+.text{
+	position: absolute;
+	font-size: 1.5em; 
+	text-align: center;
+	width: 100%;
+	height: 20%;
+	top: 68%; 
+	animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
+	opacity: 0;
+	color:#ffffff;
+}
+
+/* 定义 human 上移动画 */
+@keyframes moveUp {
+  from {
+    top: 70%;
+  }
+  to {
+    top: 35%; /* 移动到页面顶部 10% */
+  }
+}
+
+/* Text 和 Button 的渐入动画 */
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
 
-</style>
+/* Button 的缩放渐入动画 */
+@keyframes fadeInScale {
+  from {
+    opacity: 0;
+    transform: scale(0.8);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+</style>
\ No newline at end of file
diff --git a/pages/information/boy_weight2/boy_weight2.vue b/pages/information/boy_weight2/boy_weight2.vue
new file mode 100644
index 0000000..849aa26
--- /dev/null
+++ b/pages/information/boy_weight2/boy_weight2.vue
@@ -0,0 +1,107 @@
+<template>
+  <!-- 背景 -->
+  <view class="background">
+
+    <!-- 人物 -->
+    <image class="human" src="/static/information/boy_weight/pictures/human.png"></image>
+    <!-- 滚动条 -->
+    <image class="roll" @click="goTob_roll()" src="/static/information/boy_weight/pictures/roll.png"></image>
+    <!-- 按钮 -->
+    <image class="button" @click="goTob_height()" src="/static/information/boy_weight/pictures/button.png"></image>
+	<!-- 进度条 -->
+	<image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image>
+	<!-- 文本-->
+	<text class="text" @click="goTob_roll()">{{weight}}</text>
+  </view>
+</template>
+
+<script>
+export default {
+	data(){
+		return{
+			weight:''
+		};
+	},
+	onLoad(options){
+		this.weight=options.weight;
+	},
+    methods: {
+        navigateTo(page) {
+            uni.navigateTo({
+                url: page
+            });
+        },
+
+        goTob_height() {
+            this.navigateTo('/pages/information/boy_height/boy_height');
+        },
+
+        goTob_roll() {
+            this.navigateTo('/pages/information/boy_roll_w/boy_roll_w');
+        },
+    }
+}
+
+</script>
+
+<style lang="scss">
+.background {
+  background-image: url("/static/information/boy_weight/pictures/img.png");
+  background-size: cover;
+  background-position: center;
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* Human 动画，从页面中部向上移动 */
+.human {
+  position: absolute;
+  width: 100%;
+  height: 90%;
+  top:-10%;
+  object-fit: contain; /* 保持图片比例 */
+}
+
+.progress{
+  position: absolute;
+  width: 77%;
+  height: 7%;
+  object-fit: contain; /* 保持图片比例 */
+  opacity: 1;
+  top: 2%; /* 根据需要调整位置 */
+}
+
+/* Text 延迟显示 */
+.roll {
+  position: absolute;
+  width: 77%;
+  height: 20%;
+  object-fit: contain; /* 保持图片比例 */
+  opacity: 1;
+  top: 55%; /* 根据需要调整位置 */
+}
+
+/* Button 延迟显示并加缩放特效，放在下方 */
+.button {
+  position: absolute;
+  height: 13vh;
+  width: 45vh;
+  opacity: 1;
+  right: 10%; /* 距右边 10% */
+  bottom: 2%; /* 距底部 3.5% */
+}
+
+.text{
+	position: absolute;
+	text-align: center;
+	font-size: 1.5em; 
+	width: 100%;
+	height: 20%;
+	top: 68%; 
+	color:#ffffff;
+}
+</style>
\ No newline at end of file
diff --git a/pages/transition/page3/page3.vue b/pages/transition/page3/page3.vue
index 60e1e11..735ab5f 100644
--- a/pages/transition/page3/page3.vue
+++ b/pages/transition/page3/page3.vue
@@ -8,14 +8,14 @@
     <!-- 文字 -->
     <image class="text" src="/static/transition/page3/pictures/text.png"></image>
     <!-- 按钮 -->
-    <image class="button" @click="goToPage3" src="/static/transition/page3/pictures/button.png"></image>
+    <image class="button" @click="goToPage4" src="/static/transition/page3/pictures/button.png"></image>
   </view>
 </template>
 
 <script>
 export default {
   methods: {
-    goToPage3() {
+    goToPage4() {
       uni.navigateTo({
         url: '/pages/transition/page4/page4' // 跳转到 page4
       });
diff --git a/pages/transition/page4/page4.vue b/pages/transition/page4/page4.vue
index 2e56325..d4259ba 100644
--- a/pages/transition/page4/page4.vue
+++ b/pages/transition/page4/page4.vue
@@ -8,14 +8,14 @@
     <!-- 文字 -->
     <image class="text" src="/static/transition/page4/pictures/text.png"></image>
     <!-- 按钮 -->
-    <image class="button" @click="goToPage3" src="/static/transition/page4/pictures/button.png"></image>
+    <image class="button" @click="goToPage5" src="/static/transition/page4/pictures/button.png"></image>
   </view>
 </template>
 
 <script>
 export default {
   methods: {
-    goToPage3() {
+    goToPage5() {
       uni.navigateTo({
         url: '/pages/transition/page5/page5' // 跳转到 page5
       });
diff --git a/static/information/boy_height/pictures/bkg_roll.png b/static/information/boy_height/pictures/bkg_roll.png
new file mode 100644
index 0000000..7be6d5c
Binary files /dev/null and b/static/information/boy_height/pictures/bkg_roll.png differ
diff --git a/static/information/boy_height/pictures/button.png b/static/information/boy_height/pictures/button.png
new file mode 100644
index 0000000..6b4feba
Binary files /dev/null and b/static/information/boy_height/pictures/button.png differ
diff --git a/static/information/boy_height/pictures/human.png b/static/information/boy_height/pictures/human.png
new file mode 100644
index 0000000..71a02e4
Binary files /dev/null and b/static/information/boy_height/pictures/human.png differ
diff --git a/static/information/boy_height/pictures/progress.png b/static/information/boy_height/pictures/progress.png
new file mode 100644
index 0000000..5bcd3d9
Binary files /dev/null and b/static/information/boy_height/pictures/progress.png differ
diff --git a/static/information/boy_height/pictures/roll.png b/static/information/boy_height/pictures/roll.png
new file mode 100644
index 0000000..253e4fd
Binary files /dev/null and b/static/information/boy_height/pictures/roll.png differ
diff --git a/static/information/boy_weight/pictures/bkg_roll.png b/static/information/boy_weight/pictures/bkg_roll.png
new file mode 100644
index 0000000..ac1e774
Binary files /dev/null and b/static/information/boy_weight/pictures/bkg_roll.png differ
diff --git a/static/information/boy_weight/pictures/button.png b/static/information/boy_weight/pictures/button.png
new file mode 100644
index 0000000..6b4feba
Binary files /dev/null and b/static/information/boy_weight/pictures/button.png differ
diff --git a/static/information/boy_weight/pictures/human.png b/static/information/boy_weight/pictures/human.png
new file mode 100644
index 0000000..81c2157
Binary files /dev/null and b/static/information/boy_weight/pictures/human.png differ
diff --git a/static/information/boy_weight/pictures/progress.png b/static/information/boy_weight/pictures/progress.png
new file mode 100644
index 0000000..a977853
Binary files /dev/null and b/static/information/boy_weight/pictures/progress.png differ
diff --git a/static/information/boy_weight/pictures/roll.png b/static/information/boy_weight/pictures/roll.png
new file mode 100644
index 0000000..fd78ade
Binary files /dev/null and b/static/information/boy_weight/pictures/roll.png differ
diff --git a/unpackage/dist/cache/.vite/deps/_metadata.json b/unpackage/dist/cache/.vite/deps/_metadata.json
index ff6b6ca..ed3c019 100644
--- a/unpackage/dist/cache/.vite/deps/_metadata.json
+++ b/unpackage/dist/cache/.vite/deps/_metadata.json
@@ -1,8 +1,8 @@
 {
-  "hash": "239ea83a",
-  "configHash": "3f4641d2",
+  "hash": "48f6c93b",
+  "configHash": "badd50c8",
   "lockfileHash": "e3b0c442",
-  "browserHash": "619b4131",
+  "browserHash": "debd2ea0",
   "optimized": {},
   "chunks": {}
 }
\ No newline at end of file