uni-ticket-system/src/pages/index/index.vue

<template>
 <div class="tab-index">
   <custom-title class="title-block" :title="accTitleList.find(x=>x.value===acc).title" :isBack="false">
   </custom-title>
   <div class="ld  ld-float-ltr-in" v-show="acc===0"><home   /></div>
    <div v-show="acc===1" class="ld  ld-float-rtl-in"><mine  /></div>
   <self-tabbar v-model="acc"></self-tabbar>
 </div>
</template>
<script  setup>
import home from '../home/index.vue'
import mine from '../mine/index.vue'
import selfTabbar from '../../components/self-tabbar/index.vue'
import {ref} from "vue";
import {onLoad} from "@dcloudio/uni-app";
onLoad((option)=>{
  if (typeof option.acc==='string'){
    acc.value=Number(option.acc)
  }
})
const accTitleList=[{title:'首都博物馆东馆',value:0},{title:'智慧门票',value:1}]
const acc=ref(0)
</script>
<style lang="scss" scoped>
.tab-index{
  background-image: url('https://cdns.fontree.cn/fonchain-main/prod/image/1833/avatar/16968647-fc99-46fe-b95c-620c55b7646f.png');
  background-size: 100%;
}
</style>