fzu102201206
/
front
forked from fzu102201435/front
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

和后端数据库对接成功，后期在app.vue加上服务器ip地址和端口号就好了，information界面完全完成

Browse Source
master
Gary 4 weeks ago
parent 562283d89e
commit bdb529d420
18 changed files with 617 additions and 349 deletions
Show Stats Download Patch File Download Diff File

2
.idea/watcherTasks.xml
Unescape View File

@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<project version="4"> <project version="4">
<component name="ProjectTasksOptions"> <component name="ProjectTasksOptions">
<TaskOptions isEnabled="true"> <TaskOptions isEnabled="false">
<option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" /> <option name="arguments" value="$FileName$:$FileNameWithoutExtension$.css" />
<option name="checkSyntaxErrors" value="true" /> <option name="checkSyntaxErrors" value="true" />
<option name="description" /> <option name="description" />

24
App.vue
Unescape View File

@ -1,4 +1,4 @@
<!-- App.vue --> // App.vue
<template> <template>
<view class="app-container"> <view class="app-container">
</view> </view>
@ -10,13 +10,31 @@ import tarbar_home from "@/components/tarbar_home/tarbar_home.vue";
import tarbar_user from "@/components/tarbar_user/tarbar_user.vue"; import tarbar_user from "@/components/tarbar_user/tarbar_user.vue";
import tarbar_community from "@/components/tarbar_community/tarbar_community.vue"; import tarbar_community from "@/components/tarbar_community/tarbar_community.vue";
import tarbar_puppy_chat from "@/components/tarbar_puppy_chat/tarbar_puppy_chat.vue"; import tarbar_puppy_chat from "@/components/tarbar_puppy_chat/tarbar_puppy_chat.vue";
import myPopUp from './components/my-pop-up/my-pop-up.vue'; import my_pop_up from './components/my_pop_up/my_pop_up.vue';
export default { export default {
globalData: {
// 定义后端数据库地址信息
fit_journey_basic_address: 'http://127.0.0.1:8081',
fit_journey_community_address: 'http://localhost:8082',
fit_journey_ai_address: 'http://localhost:8083',
fit_journey_login_address: 'http://localhost:8084',
fit_journey_recipe_address: 'http://localhost:8085',
fit_journey_exercise_address: 'http://localhost:8086',
// TODO: 后期需要把 token 更换成从 localStorage 中获取
token: 'eyJhbGciOiJIUzI1NiJ9.eyJzdWIiOiIxODUxOTgwMTI1O' +
'TYxMjMyMzg1IiwiaXNzIjoiZml0am91cm5leSIsInVzZXJuY' +
'W1lOiI6InRlc3QiLCJyb2xlczoiOiJ1c2VyIiwiaWQ6IjoxODUxOTgwM' +
'TI1OTYxMjMyMzg1LCJpYXQiOjE3MzA1NDEzMTksImV4cCI6MzE3' +
'MDkwNTQxMzE5fQ.tdP-uBa-oKVJjGJlN70tzxXCa4usXOev6xf_fgZhWD4'
},
components: { components: {
tarbar, tarbar,
myPopUp, //js变量名中不能有‘-’ my_pop_up // JS 变量名中不能有‘-’
}, },
onLaunch: function() { onLaunch: function() {
console.log('App Launch'); console.log('App Launch');
// 你可以在这里执行初始化逻辑，比如检查用户状态 // 你可以在这里执行初始化逻辑，比如检查用户状态

2
components/my-pop-up/my-pop-up.vue → components/my_pop_up/my_pop_up.vue
Unescape View File

@ -23,7 +23,7 @@
<script> <script>
import { ref } from 'vue' import { ref } from 'vue'
export default{ export default{
name:'my-pop-up', name:'my_pop_up',
props:{ props:{
title:{ title:{
default:'提示', default:'提示',

108
pages.json
Unescape View File

@ -1,6 +1,6 @@
{ {
"pages": [ "pages": [
{ /* {
"path": "pages/transition/page1/page1", "path": "pages/transition/page1/page1",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
@ -41,10 +41,10 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*-----------------------------------------------------------------------动画过渡界面-------------------------------------------*/ /*-----------------------------------------------------------------------动画过渡界面-------------------------------------------*/
/*
{ {
"path": "pages/login/account_login/account_login", "path": "pages/login/account_login/account_login",
@ -69,7 +69,7 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*-----------------------------------------------------------------------登录注册界面-------------------------------------------*/ /*-----------------------------------------------------------------------登录注册界面-------------------------------------------*/
{ {
@ -78,44 +78,46 @@
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },
{ /*----------------------------------------------性别填写界面--------------------------------------------------------------*/
"path": "pages/information/boy_height_start/boy_height_start",
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_weight_start/boy_weight_start",
} "style": {
}, "navigationStyle": "custom"
{ }
"path": "pages/information/boy_height_roll/boy_height_roll", },
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_weight_roll/boy_weight_roll",
} "style": {
}, "navigationStyle": "custom"
{ }
"path": "pages/information/boy_height_end/boy_height_end", },
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_weight_end/boy_weight_end",
} "style": {
}, "navigationStyle": "custom"
/*------------------------------------------------男生填写身高------------------------------------------------------------*/ }
{ },
"path": "pages/information/boy_weight_start/boy_weight_start", /*------------------------------------------------男生填写体重------------------------------------------------------------*/
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_height_start/boy_height_start",
} "style": {
}, "navigationStyle": "custom"
{ }
"path": "pages/information/boy_weight_roll/boy_weight_roll", },
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_height_roll/boy_height_roll",
} "style": {
}, "navigationStyle": "custom"
{ }
"path": "pages/information/boy_weight_end/boy_weight_end", },
"style": { {
"navigationStyle": "custom" "path": "pages/information/boy_height_end/boy_height_end",
} "style": {
}, "navigationStyle": "custom"
/*---------------------------------------男生填写体重--------------------------------------------------------------*/ }
},
/*---------------------------------------男生填写身高--------------------------------------------------------------*/
{ {
"path": "pages/information/girl_height_start/girl_height_start", "path": "pages/information/girl_height_start/girl_height_start",
"style": { "style": {
@ -159,42 +161,42 @@
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, }
/*---------------------------------------------------------------信息填写界面----------------------------------------------------*/ /*---------------------------------------------------------------信息填写界面----------------------------------------------------*/
{ /* {
"path": "pages/homepages/home/home", "path": "pages/homepages/home/home",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*--------------------------------------------------------------主界面----------------------------------------------------------*/ /*--------------------------------------------------------------主界面----------------------------------------------------------*/
{ /*{
"path": "pages/homepages/puppy_chat/puppy_chat", "path": "pages/homepages/puppy_chat/puppy_chat",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*-------------------------------------------------------------聊天界面--------------------------------------------------------*/ /*-------------------------------------------------------------聊天界面--------------------------------------------------------*/
{ /* {
"path": "pages/homepages/community/community", "path": "pages/homepages/community/community",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*-------------------------------------------------------------社区界面------------------------------------------------------*/ /*-------------------------------------------------------------社区界面------------------------------------------------------*/
{ /* {
"path": "pages/homepages/user/user", "path": "pages/homepages/user/user",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
}, },*/
/*---------------------------------------------------------------个人信息界面----------------------------------------------------*/ /*---------------------------------------------------------------个人信息界面----------------------------------------------------*/
{ /*{
"path": "pages/transition/page8/page8", "path": "pages/transition/page8/page8",
"style": { "style": {
"navigationStyle": "custom" "navigationStyle": "custom"
} }
} }*/
/*------------------------------------------------------------------进入主页的过渡界面--------------------------------------------*/ /*------------------------------------------------------------------进入主页的过渡界面--------------------------------------------*/
], ],
"uniIdRouter": {}, "uniIdRouter": {},

46
pages/information/boy_height_end/boy_height_end.vue
Unescape View File

@ -6,7 +6,7 @@
<image class="human" src="/static/information/boy_height/pictures/human.png"></image> <image class="human" src="/static/information/boy_height/pictures/human.png"></image>
<!-- 滚动条 --> <!-- 滚动条 -->
<image class="roll" @click="go_to_roll()" src="/static/information/boy_height/pictures/roll.png"></image> <image class="roll" @click="go_to_roll()" src="/static/information/boy_height/pictures/roll.png"></image>
<!-- 按钮 --> <!-- 按钮 跳转到目的的部分-->
<image class="button" @click="go_to_purpose()" src="/static/information/boy_height/pictures/button.png"></image> <image class="button" @click="go_to_purpose()" src="/static/information/boy_height/pictures/button.png"></image>
<!-- 进度条 --> <!-- 进度条 -->
<image class="progress" src="/static/information/boy_height/pictures/progress.png"></image> <image class="progress" src="/static/information/boy_height/pictures/progress.png"></image>
@ -26,18 +26,44 @@ export default {
this.height=options.height; this.height=options.height;
}, },
methods: { methods: {
navigateTo(page) {
uni.navigateTo({
url: page
});
},
go_to_purpose() {
this.navigateTo('/pages/information/purpose/purpose');
},
go_to_purpose() {
const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
console.log("当前的身高是" + this.height);
// 转换 height 字符串为数字，去掉 "cm" 后缀
const numericHeight = parseFloat(this.height.replace('cm', '').trim());
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/height/write_user_height',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
height: numericHeight, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到使用的目的界面
uni.navigateTo({
url: '/pages/information/purpose/purpose'
});
},
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
go_to_roll() { go_to_roll() {
this.navigateTo('/pages/information/boy_height_roll/boy_height_roll'); uni.navigateTo({
url: '/pages/information/boy_height_end/boy_height_roll/boy_height_roll?height='+this.height,
})
}, },
} }
} }

28
pages/information/boy_height_start/boy_height_start.vue
Unescape View File

@ -23,11 +23,31 @@ export default {
url: page url: page
}); });
}, },
go_to_purpose() {
go_to_purpose() { const app=getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/height/write_user_height',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
height: 175, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到使用的目的界面
this.navigateTo('/pages/information/purpose/purpose'); this.navigateTo('/pages/information/purpose/purpose');
}, },
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
go_to_roll() { go_to_roll() {
this.navigateTo('/pages/information/boy_height_roll/boy_height_roll'); this.navigateTo('/pages/information/boy_height_roll/boy_height_roll');
height:'' height:''

140
pages/information/boy_weight_end/boy_weight_end.vue
Unescape View File

@ -7,101 +7,69 @@
<!-- 滚动条 --> <!-- 滚动条 -->
<image class="roll" @click="goTob_roll()" src="/static/information/boy_weight/pictures/roll.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="button" @click="go_to_height()" src="/static/information/boy_weight/pictures/button.png"></image>
<!-- 进度条 --> <!-- 进度条 -->
<image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image> <image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image>
<!-- 文本--> <!-- 文本-->
<text class="text" @click="goTob_roll()">{{weight}}</text> <text class="text" @click="goTob_roll()">{{weight}}</text>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
data(){ data() {
return{ return {
weight:'' weight: ''
}; };
}, },
onLoad(options){ onLoad(options) {
this.weight=options.weight; this.weight = options.weight;
}, },
methods: { methods: {
navigateTo(page) { navigateTo(page) {
uni.navigateTo({ uni.navigateTo({
url: page url: page
}); });
}, },
goTob_height() { go_to_height() {
this.navigateTo('/pages/information/boy_height_start/boy_height_start'); // 获取全局变量
}, const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 转换 weight 字符串为数字，去掉 "kg" 后缀
const numericWeight = parseFloat(this.weight.replace('kg', '').trim());
goTob_roll() { // 向后端发送请求
this.navigateTo('/pages/information/boy_height_roll/boy_height_roll'); uni.request({
url: app.globalData.fit_journey_basic_address + '/weight/write_user_weight',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
}, },
} data: {
} weight: numericWeight, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到身高界面
this.navigateTo('/pages/information/boy_height_start/boy_height_start');
},
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
goTob_roll() {
this.navigateTo('/pages/information/boy_height_roll/boy_height_roll');
},
}
}
</script> </script>
<style lang="scss"> <style lang="scss">
.background { @import "/static/information/boy_weight/css/boy_weight_end.scss";
background-image: url("/static/information/boy_weight/pictures/img.png"); </style>
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: 13%;
width: 80%;
opacity: 1;
right: 10%; /* 距右边 10% */
bottom: 2%; /* 距底部 3.5% */
}
.text{
position: absolute;
text-align: center;
font-size: 1.5em;
width: 100%;
height: 20%;
top: 69%;
color:#ffffff;
}
</style>

43
pages/information/boy_weight_start/boy_weight_start.vue
Unescape View File

@ -5,30 +5,51 @@
<!-- 人物 --> <!-- 人物 -->
<image class="human" src="/static/information/boy_weight/pictures/human.png"></image> <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="roll" @click="go_to_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="button" @click="go_to_height()" src="/static/information/boy_weight/pictures/button.png"></image>
<!-- 进度条 --> <!-- 进度条 -->
<image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image> <image class="progress" src="/static/information/boy_weight/pictures/progress.png"></image>
<!-- 文本--> <!-- 文本-->
<text class="text" @click="goTob_roll()">65 kg</text> <text class="text" @click="go_to_roll()">65 kg</text>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
methods: { methods: {
navigateTo(page) { go_to_height() {
// 获取全局变量
const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/weight/write_user_weight',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
weight: 65, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到身高界面
uni.navigateTo({ uni.navigateTo({
url: page url: '/pages/information/boy_height_start/boy_height_start',
}); })
}, },
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
goTob_height() {
this.navigateTo('/pages/information/boy_height_start/boy_height_start');
},
goTob_roll() { go_to_roll() {
uni.navigateTo({ uni.navigateTo({
url:'/pages/information/boy_weight_roll/boy_weight_roll' url:'/pages/information/boy_weight_roll/boy_weight_roll'
}) })

99
pages/information/girl_height_end/girl_height_end.vue
Unescape View File

@ -31,13 +31,44 @@ export default {
url: page url: page
}); });
}, },
go_to_purpose() {
const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
console.log("当前的身高是" + this.height);
// 转换 height 字符串为数字，去掉 "cm" 后缀
const numericHeight = parseFloat(this.height.replace('cm', '').trim());
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/height/write_user_height',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
height: numericHeight, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到使用的目的界面
uni.navigateTo({
url: '/pages/information/purpose/purpose'
});
},
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
go_to_purpose() {
this.navigateTo('/pages/information/purpose/purpose');
},
go_to_roll() { go_to_roll() {
this.navigateTo('/pages/information/girl_height_roll/girl_height_roll'); uni.navigateTo({
url: '/pages/information/girl_height_roll/girl_height_roll'
})
}, },
} }
} }
@ -45,63 +76,5 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.background { @import "@/static/information/girl_height/css/girl_height_end.scss";
background-image: url("/static/information/girl_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 {
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: 13%;
width: 80%;
opacity: 1;
right: 10%; /* 距右边 10% */
bottom: 2%; /* 距底部 3.5% */
}
.text{
position: absolute;
text-align: center;
font-size: 1.5em;
width: 100%;
height: 20%;
top: 69%;
color:#ffffff;
}
</style> </style>

126
pages/information/girl_height_start/girl_height_start.vue
Unescape View File

@ -24,9 +24,31 @@ export default {
}); });
}, },
go_to_purpose() { go_to_purpose() {
const app=getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/height/write_user_hight',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
weight: 175, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到使用的目的界面
this.navigateTo('/pages/information/purpose/purpose'); this.navigateTo('/pages/information/purpose/purpose');
}, },
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
},
go_to_roll() { go_to_roll() {
this.navigateTo('/pages/information/girl_height_roll/girl_height_roll'); this.navigateTo('/pages/information/girl_height_roll/girl_height_roll');
@ -38,103 +60,5 @@ export default {
</script> </script>
<style lang="scss"> <style lang="scss">
.background { @import "@/static/information/girl_height/css/girl_height_start.scss";
background-image: url("/static/information/girl_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: 13%;
width: 80%;
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: 69%;
animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
opacity: 0;
color:#ffffff;
}
/* 定义 human 上移动画 */
@keyframes moveUp {
from {
top: 55%;
}
to {
top: 35%;
}
}
/* 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> </style>

34
pages/information/girl_weight_end/girl_weight_end.vue
Unescape View File

@ -32,8 +32,36 @@ export default {
}); });
}, },
go_to_height() { go_to_height() {
this.navigateTo('/pages/information/girl_weight_start/girl_weight_start'); // 获取全局变量
const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 转换 weight 字符串为数字，去掉 "kg" 后缀
const numericWeight = parseFloat(this.weight.replace('kg', '').trim());
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/weight/write_user_weight',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
weight: numericWeight, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到身高界面
this.navigateTo('/pages/information/girl_height_start/girl_height_start');
},
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
}, },
go_to_roll() { go_to_roll() {
@ -42,8 +70,10 @@ export default {
} }
} }
</script>
</script>
<style lang="scss"> <style lang="scss">
.background { .background {
background-image: url("/static/information/boy_weight/pictures/img.png"); background-image: url("/static/information/boy_weight/pictures/img.png");

27
pages/information/girl_weight_start/girl_weight_start.vue
Unescape View File

@ -25,9 +25,34 @@ export default {
}, },
go_to_height() { go_to_height() {
this.navigateTo('/pages/information/girl_height_start/girl_height_start'); // 获取全局变量
const app = getApp();
console.log(app.globalData.token);
console.log(app.globalData.fit_journey_basic_address);
// 向后端发送请求
uni.request({
url: app.globalData.fit_journey_basic_address + '/weight/write_user_weight',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
weight: 65, // 发送数字类型
},
success: (res) => {
console.log("请求成功！请求数据是", res);
// 如果成功则跳转到身高界面
this.navigateTo('/pages/information/girl_height_start/girl_height_start');
},
error: (res) => {
console.log("请求失败！请求数据是", res);
}
});
}, },
go_to_roll() { go_to_roll() {
uni.navigateTo({ uni.navigateTo({
url:'/pages/information/girl_weight_roll/girl_weight_roll' url:'/pages/information/girl_weight_roll/girl_weight_roll'

56
pages/information/sex/sex.vue
Unescape View File

@ -55,28 +55,68 @@ export default {
isBoySelected: false, isBoySelected: false,
isGirlSelected: false, isGirlSelected: false,
isHumanVisible: false, // 控制 human 图片显示 isHumanVisible: false, // 控制 human 图片显示
sex:-1,//性别 用1表示男 0表示女
}; };
}, },
mounted() { mounted() {
const app = getApp();
console.log('Token:', app.globalData.token);
console.log('Address:', app.globalData.fit_journey_basic_address);
// 页面加载时延时显示 human 图片 // 页面加载时延时显示 human 图片
setTimeout(() => { setTimeout(() => {
this.isHumanVisible = true; this.isHumanVisible = true;
}, 100); // 延迟 100ms 开始渐变，可以根据需求调整 }, 100); // 延迟 100ms 开始渐变，可以根据需求调整
}, },
methods: { methods: {
goToNextPage() {
const targetPage = this.isBoySelected goToNextPage() {
? "/pages/information/boy_weight_start/boy_weight_start" console.log('调用函数成功！'); // 确认方法被调用
: "/pages/information/girl_weight_start/girl_weight_start"; // 获取全局变量
uni.navigateTo({ const app = getApp();
url: targetPage, console.log('传递的token是:', app.globalData.token); // 打印 Token
}); console.log('后端的地址是', app.globalData.fit_journey_basic_address); // 打印地址
},
uni.request({
url: app.globalData.fit_journey_basic_address + '/sex/write_user_sex',
method: 'POST',
header: {
'content-type': 'application/x-www-form-urlencoded',
'Authorization': app.globalData.token // TODO：暂时写为临时的token 后期替换
},
data: {
sex: this.sex
},
success: (res) => {
console.log('Response:', res.data); // 打印后端返回的数据
console.log("开始跳转页面");
// 仅在请求成功后进行页面跳转
const targetPage = this.isBoySelected
? "/pages/information/boy_weight_start/boy_weight_start"
: "/pages/information/girl_weight_start/girl_weight_start";
uni.navigateTo({
url: targetPage,
});
},
fail: (err) => {
console.error('请求失败:', err); // 打印请求失败的错误信息
}
});
},
clickBoyImage() { clickBoyImage() {
this.sex=1;//表示是男生
this.isBoySelected = true; this.isBoySelected = true;
this.isGirlSelected = false; this.isGirlSelected = false;
}, },
clickGirlImage() { clickGirlImage() {
this.sex=0;//表示是女生
this.isGirlSelected = true; this.isGirlSelected = true;
this.isBoySelected = false; this.isBoySelected = false;
}, },

7
pages/transition/page3/page3.vue
Unescape View File

@ -8,14 +8,17 @@
<!-- 文字 --> <!-- 文字 -->
<image class="text" src="/static/transition/page3/pictures/text.png"></image> <image class="text" src="/static/transition/page3/pictures/text.png"></image>
<!-- 按钮 --> <!-- 按钮 -->
<image class="button" @click="goToPage4" src="/static/transition/page3/pictures/button.png"></image> <image class="button" @click="goToPage3" src="/static/transition/page3/pictures/button.png"></image>
</view> </view>
</template> </template>
<script> <script>
export default { export default {
methods: { methods: {
goToPage4() { goToPage3() {
uni.navigateTo({ uni.navigateTo({
url: '/pages/transition/page4/page4' // 跳转到 page4 url: '/pages/transition/page4/page4' // 跳转到 page4
}); });

60
static/information/boy_weight/css/boy_weight_end.scss
Unescape View File

@ -0,0 +1,60 @@
.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: 13%;
width: 80%;
opacity: 1;
right: 10%; /* 距右边 10% */
bottom: 2%; /* 距底部 3.5% */
}
.text{
position: absolute;
text-align: center;
font-size: 1.5em;
width: 100%;
height: 20%;
top: 69%;
color:#ffffff;
}

59
static/information/girl_height/css/girl_height_end.scss
Unescape View File

@ -0,0 +1,59 @@
.background {
background-image: url("/static/information/girl_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 {
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: 13%;
width: 80%;
opacity: 1;
right: 10%; /* 距右边 10% */
bottom: 2%; /* 距底部 3.5% */
}
.text{
position: absolute;
text-align: center;
font-size: 1.5em;
width: 100%;
height: 20%;
top: 69%;
color:#ffffff;
}

99
static/information/girl_height/css/girl_height_start.scss
Unescape View File

@ -0,0 +1,99 @@
.background {
background-image: url("/static/information/girl_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: 13%;
width: 80%;
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: 69%;
animation: fadeIn 1s ease 2s forwards; /* 2秒后显示 */
opacity: 0;
color:#ffffff;
}
/* 定义 human 上移动画 */
@keyframes moveUp {
from {
top: 55%;
}
to {
top: 35%;
}
}
/* 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);
}
}

6
unpackage/dist/cache/.vite/deps/_metadata.json vendored
Unescape View File

@ -1,8 +1,8 @@
{ {
"hash": "239ea83a", "hash": "3dcffc29",
"configHash": "3f4641d2", "configHash": "cc60d382",
"lockfileHash": "e3b0c442", "lockfileHash": "e3b0c442",
"browserHash": "619b4131", "browserHash": "e601f541",
"optimized": {}, "optimized": {},
"chunks": {} "chunks": {}
} }
Write Preview
Loading…
Cancel
Save