front/App.vue

<!-- App.vue -->
<template>
  <view class="app-container">
  </view>
</template>

<script>
import tarbar from './components/tarbar/tarbar.vue';
import tarbar_home from "@/components/tarbar_home/tarbar_home.vue";
import tarbar_user from "@/components/tarbar_user/tarbar_user.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 myPopUp from './components/my-pop-up/my-pop-up.vue';

export default {
  components: {
    tarbar,
	myPopUp,	//js变量名中不能有‘-’
  },
  onLaunch: function() {
    console.log('App Launch');
    // 你可以在这里执行初始化逻辑，比如检查用户状态
  },
  onShow: function() {
    console.log('App Show');
    // 更新应用状态，比如获取最新数据
  },
  onHide: function() {
    console.log('App Hide');
    // 清理工作，比如保存数据
  }
};
</script>

<style>
/* 你的样式 */
.app-container {
  position: relative;  /* 确保容器能够正确定位子元素 */
  height: 100vh;      /* 确保应用占满整个视口 */
}

/* 其他全局样式 */
</style>