|
|
|
@ -22,12 +22,12 @@
|
|
|
|
|
<image class="community"
|
|
|
|
|
src="/static/components/tarbar/pictures/community.png"
|
|
|
|
|
@click="pick_up_community"
|
|
|
|
|
:style="{ opacity: is_communnity_picked_up ? 0 : 1 }">
|
|
|
|
|
:style="{ opacity: is_community_picked_up ? 0 : 1 }">
|
|
|
|
|
</image>
|
|
|
|
|
<image class="pick_up_community"
|
|
|
|
|
src="/static/components/tarbar/pictures/community_pick_up.png"
|
|
|
|
|
@click="pick_up_community"
|
|
|
|
|
:style="{ opacity: is_communnity_picked_up ? 1 : 0 }">
|
|
|
|
|
:style="{ opacity: is_community_picked_up ? 1 : 0 }">
|
|
|
|
|
</image>
|
|
|
|
|
|
|
|
|
|
<!-- Assistant 图标 -->
|
|
|
|
@ -55,7 +55,7 @@ export default {
|
|
|
|
|
data() {
|
|
|
|
|
return {
|
|
|
|
|
is_home_picked_up: false,
|
|
|
|
|
is_communnity_picked_up: false,
|
|
|
|
|
is_community_picked_up: false,
|
|
|
|
|
is_assistant_picked_up: false,
|
|
|
|
|
is_user_picked_up: false
|
|
|
|
|
};
|
|
|
|
@ -66,14 +66,14 @@ export default {
|
|
|
|
|
this.resetPicks();
|
|
|
|
|
this.is_home_picked_up = true;
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '/pages/homepages/home/home', // 使用 navigateTo
|
|
|
|
|
url: '/pages/homepages/homes/home/home', // 使用 navigateTo
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
pick_up_community() {
|
|
|
|
|
this.resetPicks();
|
|
|
|
|
this.is_communnity_picked_up = true;
|
|
|
|
|
this.is_community_picked_up = true;
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '/pages/homepages/community/community',
|
|
|
|
|
url: '/pages/homepages/community/community/community',
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
pick_up_assistant() {
|
|
|
|
@ -87,12 +87,12 @@ export default {
|
|
|
|
|
this.resetPicks();
|
|
|
|
|
this.is_user_picked_up = true;
|
|
|
|
|
uni.reLaunch({
|
|
|
|
|
url: '/pages/homepages/user/user',
|
|
|
|
|
url: '/pages/homepages/user/user/user',
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
resetPicks() {
|
|
|
|
|
this.is_home_picked_up = false;
|
|
|
|
|
this.is_communnity_picked_up = false;
|
|
|
|
|
this.is_community_picked_up = false;
|
|
|
|
|
this.is_assistant_picked_up = false;
|
|
|
|
|
this.is_user_picked_up = false;
|
|
|
|
|
}
|
|
|
|
@ -113,7 +113,7 @@ export default {
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
.bar_background{
|
|
|
|
|
position: absolute;
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 95%; /* 宽度占95% */
|
|
|
|
|
height: 10%; /* 高度 */
|
|
|
|
|
|
|
|
|
@ -121,22 +121,24 @@ export default {
|
|
|
|
|
left: 2.5%; /* 左侧2.5% */
|
|
|
|
|
background-color: khaki; /* 初始颜色 */
|
|
|
|
|
border-radius: 37px; /* 圆角半径,可以根据需要调整 */
|
|
|
|
|
z-index: -1; /* 使背景框在其他元素后面 */
|
|
|
|
|
z-index: 100; /* 使背景框在其他元素后面 */
|
|
|
|
|
animation: colorTransition 2s ease forwards; /* 添加颜色渐变动画 */
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.home, .community, .assistant, .user {
|
|
|
|
|
position: absolute;
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 15%;
|
|
|
|
|
height: 6%;
|
|
|
|
|
bottom: 2%;
|
|
|
|
|
z-index: 101;
|
|
|
|
|
transition: opacity 2s ease; /* 添加渐变过渡 */
|
|
|
|
|
}
|
|
|
|
|
.pick_up_home, .pick_up_community, .pick_up_assistant, .pick_up_user {
|
|
|
|
|
position: absolute;
|
|
|
|
|
position: fixed;
|
|
|
|
|
width: 17%;
|
|
|
|
|
height: 10%;
|
|
|
|
|
bottom: 2%;
|
|
|
|
|
z-index: 101;
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|