|
|
|
@ -1,27 +1,29 @@
|
|
|
|
|
<template>
|
|
|
|
|
<view class="background">
|
|
|
|
|
<image class="head_pic" src="@/static/homepages/user/user/head_pic.png"></image>
|
|
|
|
|
<image class="head_button" src="../../../../static/homepages/user/user/head_button.png"></image>
|
|
|
|
|
<image class="bmi_button" src="../../../../static/homepages/user/user/bmi_button.png"></image>
|
|
|
|
|
<image class="eat_button" src="../../../../static/homepages/user/user/eat_button.png"></image>
|
|
|
|
|
<image class="ad_button" src="../../../../static/homepages/user/user/ad_button.png"></image>
|
|
|
|
|
<image class="button" src="../../../../static/homepages/user/user/button.png"></image>
|
|
|
|
|
<image class="point" src="../../../../static/homepages/user/user/point.png"></image>
|
|
|
|
|
<image class="head_pic" src="@/static/homepages/user/user/pictures/head_pic.png"></image>
|
|
|
|
|
<image class="head_button" @click="goto_user()" src="@/static/homepages/user/user/pictures/head_button.png"></image>
|
|
|
|
|
<image class="bmi_button" @click="goto_bmi()" src="@/static/homepages/user/user/pictures/bmi_button.png"></image>
|
|
|
|
|
<image class="eat_button" @click="goto_eat()" src="@/static/homepages/user/user/pictures/eat_button.png"></image>
|
|
|
|
|
<image class="ad_button" @click="goto_exer()" src="@/static/homepages/user/user/pictures/ad_button.png"></image>
|
|
|
|
|
<image class="button" @click="goto_login()" src="@/static/homepages/user/user/pictures/button.png"></image>
|
|
|
|
|
<image class="point" src="@/static/homepages/user/user/pictures/point.png"></image>
|
|
|
|
|
<image class="pie" src="@/static/homepages/user/user/pictures/pie.png"></image>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<image v-if="sex===0" class="user" src="../../../../static/homepages/user/user/female.png"></image>
|
|
|
|
|
<image v-if="sex===1" class="user" src="../../../../static/homepages/user/user/male.png"></image>
|
|
|
|
|
<image v-if="sex===0" class="user" src="@/static/homepages/user/user/pictures/female.png"></image>
|
|
|
|
|
<image v-if="sex===1" class="user" src="@/static/homepages/user/user/pictures/male.png"></image>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<text class="id">aaaaaaaaa</text>
|
|
|
|
|
<text class="id">{{user_name}}</text>
|
|
|
|
|
<text class="hot_in">20000J</text>
|
|
|
|
|
<text class="hot_out">17000J</text>
|
|
|
|
|
<text class="height">180cm</text>
|
|
|
|
|
<text class="weight">75kg</text>
|
|
|
|
|
<text class="bmi">24.9</text>
|
|
|
|
|
<text class="xw">44.5</text>
|
|
|
|
|
<text class="yw">34.0</text>
|
|
|
|
|
<text class="tw">42.5</text>
|
|
|
|
|
<text class="height">{{user_height}}cm</text>
|
|
|
|
|
<text class="weight">{{user_weight}}kg</text>
|
|
|
|
|
<text class="bmi">{{user_bmi}}</text>
|
|
|
|
|
<text class="xw">{{user_xw}}</text>
|
|
|
|
|
<text class="yw">{{user_yw}}</text>
|
|
|
|
|
<text class="tw">{{user_tw}}</text>
|
|
|
|
|
<text class="bmi_state">很健康</text>
|
|
|
|
|
|
|
|
|
|
</view>
|
|
|
|
|
<tarbar_user></tarbar_user>
|
|
|
|
@ -31,15 +33,46 @@
|
|
|
|
|
export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
sex : 1//1为男,0为女
|
|
|
|
|
sex : 1,//1为男,0为女
|
|
|
|
|
user_name:'puppy',
|
|
|
|
|
user_height:'180',
|
|
|
|
|
user_weight:'75',
|
|
|
|
|
user_xw:'44.5',
|
|
|
|
|
user_yw:'34.0',
|
|
|
|
|
user_tw:'42.5',
|
|
|
|
|
user_bmi:'23.1'
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
onLoad(options){
|
|
|
|
|
if (options.user_name) {
|
|
|
|
|
this.user_name = options.user_name;
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
methods:{
|
|
|
|
|
navigateTo(page) {
|
|
|
|
|
uni.navigateTo({
|
|
|
|
|
url: page
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
goto_user(){
|
|
|
|
|
this.navigateTo(`/pages/homepages/user/basic_information/basic_information`);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goto_bmi(){
|
|
|
|
|
this.navigateTo(`/pages/homepages/user/bmi_information/bmi_information`);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goto_eat(){
|
|
|
|
|
this.navigateTo(`/pages/homepages/user/recipe_and_calorie/recipe_and_calorie`);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goto_exer(){
|
|
|
|
|
this.navigateTo(`/pages/homepages/user/exercise_plans/exercise_plans`);
|
|
|
|
|
},
|
|
|
|
|
|
|
|
|
|
goto_login(){
|
|
|
|
|
this.navigateTo(`/pages/login/account_login/account_login`);
|
|
|
|
|
},
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
@ -117,46 +150,48 @@ export default {
|
|
|
|
|
width: 2%;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
right: 50%;
|
|
|
|
|
bottom: 48.5%;
|
|
|
|
|
border: 2px solid #0c0b0b ;
|
|
|
|
|
bottom: 48.4%;
|
|
|
|
|
}
|
|
|
|
|
.button{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 4%;
|
|
|
|
|
width: 90%;
|
|
|
|
|
left: 5%;
|
|
|
|
|
top: 90.5%;
|
|
|
|
|
top: 90.5%;
|
|
|
|
|
}
|
|
|
|
|
.pie{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 18%;
|
|
|
|
|
width: 85%;
|
|
|
|
|
left: 5%;
|
|
|
|
|
top: 18%;
|
|
|
|
|
}
|
|
|
|
|
.id{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 5%;
|
|
|
|
|
|
|
|
|
|
opacity: 1;
|
|
|
|
|
right: 13%; /* 距右边 10% */
|
|
|
|
|
bottom: 90.2%;
|
|
|
|
|
border: 2px solid #0c0b0b ;
|
|
|
|
|
left: 37%; /* 距右边 10% */
|
|
|
|
|
top: 4.7%;
|
|
|
|
|
font-size: 1.5rem;
|
|
|
|
|
}
|
|
|
|
|
.hot_in{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 0.2%;
|
|
|
|
|
width: 5%;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
right: 77%; /* 距右边 10% */
|
|
|
|
|
bottom: 87%;
|
|
|
|
|
left: 20%; /* 距右边 10% */
|
|
|
|
|
top: 12.7%;
|
|
|
|
|
font-size: 0.5rem;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border: 2px solid #b14141;
|
|
|
|
|
}
|
|
|
|
|
.hot_out{
|
|
|
|
|
position: absolute;
|
|
|
|
|
height: 0.2%;
|
|
|
|
|
width: 5%;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
right: 27%; /* 距右边 10% */
|
|
|
|
|
bottom: 87%;
|
|
|
|
|
left: 71%; /* 距右边 10% */
|
|
|
|
|
top: 12.7%;
|
|
|
|
|
font-size: 0.5rem;
|
|
|
|
|
color: #ffffff;
|
|
|
|
|
border: 2px solid #0c0b0b ;
|
|
|
|
|
}
|
|
|
|
|
.height{
|
|
|
|
|
position: absolute;
|
|
|
|
@ -215,4 +250,13 @@ export default {
|
|
|
|
|
bottom: 29.3%;
|
|
|
|
|
font-size: 1.2rem;
|
|
|
|
|
}
|
|
|
|
|
.bmi_state{
|
|
|
|
|
position: absolute;
|
|
|
|
|
text-align: center;
|
|
|
|
|
opacity: 1;
|
|
|
|
|
left: 68%;
|
|
|
|
|
top: 49.4%;
|
|
|
|
|
font-size: 0.2em;
|
|
|
|
|
color: #000000;
|
|
|
|
|
}
|
|
|
|
|
</style>
|